﻿/* CopyRight @ 2011 www.suyee.net.cn*/
*{
	SCROLLBAR-FACE-COLOR: #ffffff;  SCROLLBAR-HIGHLIGHT-COLOR: #d1d1d1; SCROLLBAR-SHADOW-COLOR: #d1d1d1;  SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff;  SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
/*scrollbar-3dlight-color: 滚动条亮边的颜色
scrollbar-arrow-color: 上下按钮上三角箭头的颜色
scrollbar-base-color: 滚动条的基本颜色
scrollbar-darkshadow-color: 滚动条强阴影的颜色
scrollbar-3dlight-color: 滚动条凸出部分的颜色
scrollbar-highlight-color:滚动条空白部分的颜色
scrollbar-shadow-color: 立体滚动条阴影的颜色
scrollbar-track-color: 滚动条的背景颜色
scrollbar-base-color:#EFF3F7;/*滚动条的全局颜色，设定了这个，上面的就不能设置，否则冲突*/
}

body{
	padding:0;
	margin:0;
	font: normal 14px/21px  Arial, Helvetica, sans-serif;
	color:#666666;
	background: url(../images/bg_top.gif) left top repeat-x #FFFFFF;

}

a:link {text-decoration: none;}
a:hover {text-decoration: none  ;	color: #3366FF;}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;behavior: url("/iepngfix.htc");
}

ul{
	margin:0; 
	padding:0; 
    list-style-type:none;
	/*-font-size:0;
	line-height:0;*/
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
.left{ display:block; float:left; margin:0; padding:0;}
.more{ display:block; float:right; margin-top:8px; margin-right:5px; font-size:12px;}
.inport{ font: normal 12px/18px Arial, Helvetica, sans-serif; padding-left:1px; height:18px; color:#666666; background-color:#FFFFFF; border:#99CCFF 1px solid;}
.button{ font: normal 12px/18px Arial, Helvetica, sans-serif;  background: url(../images/bg_botton.gif) repeat-x; border:#99CCCC 1px solid;}

.grid{border:1px #cccccc solid;border-collapse:collapse; margin:0 auto; font-size:12px;}
/*------------------------------------------------top--------------------*/
#topMain{
	width:100%;
	height:98px; 
	/*border-bottom:#0D4584 3px solid;*/
	background:url(../image/bg_top.jpg) 0 0 repeat-x;
}
#top{
	width:976px;
	height:98px;
	margin:0 auto;

}
#top p{ display:block; float:right;	

}
/*------------------------------------------------menu--------------------*/
#menuMain{
	width:100%;
	height:35px;
	background:url(../images/bg_menu.jpg) 0 0 repeat-x;
	margin-bottom:10px;
}

/*------------------------------------------------banner--------------------*/
#bannerMain{	 width:100%; height:240px; border-bottom: #248AD2 4px solid;}
#full-screen-slider { width:100%; position:relative; }
#flashMain { width:100%; left:0; top:0;  position: absolute;  z-index:99999; text-align:center; padding-top: ;}

#slides { display:block; width:100%; height:240px; list-style:none; padding:0; margin:0;   }
#slides li { display:block; width:100%; height:240px; list-style:none; padding:0; margin:0; position:absolute; text-align:center;}
#slides li a { display:block; width:100%; height:240px; text-indent:-9999px;text-align:center;}

#pagination { display:block; list-style:none; position:absolute; right:47%; bottom:10px; z-index:9900; }
#pagination li { display:block;  list-style:none; width:10px; height:10px; float:left; margin-left:5px; border-radius:5px; background:#666 }
#pagination li a { display:block;  width:10px; height:10px; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#e10000}


#bannerTil{	 width:100%; }
#bannerTitle{	 width:976px; margin:o auto; }

#index02main{ 	width:100%; padding:25px 0 15px 0;background-color:#006666; border-bottom:#E4E4E4 1px solid; clear:both;}
/*---------------------------------//图片滚动-----------------------------------*/
#picbox{	width:980px; margin:0 auto;}

.blk_18 { overflow:hidden; zoom:1; width:1024px; }
.blk_18 .pcont { width:900px; float:left; overflow:hidden;}
.blk_18 .ScrCont { width:32766px; zoom:1; margin-left:0px; }
.blk_18 #List1_1, .blk_18 #List2_1 { float:left; }
.blk_18 .LeftBotton, .blk_18 .RightBotton { width:22px; height:43px; float:left; background:url(../image/roll.jpg) no-repeat; }
.blk_18 .LeftBotton { background-position: 0 0; margin:35px 16px 0 0; }
.blk_18 .RightBotton { background-position: -22px 0; margin:35px 0 0 13px; }
/*.blk_18 .LeftBotton:hover { background-position: -20px 0; }
.blk_18 .RightBotton:hover { background-position: -20px -100px; }*/
.blk_18 .p2 {  float:left; font: normal 13px/30px Arial, Helvetica, sans-serif,"宋体";text-align: left; margin:0 11px 5px 0; width:140px; height:140px; overflow:hidden; }

.blk_18 .pl {  float:left; font: normal 13px/40px Arial, Helvetica, sans-serif,"宋体"; text-align:center; margin:0 10px; }
.blk_18 .pl img ,.blk_18 .p2 img { display:block; cursor:pointer; border: #FFF 2px solid;  }
.blk_18 a.pl { color:#FFF;}
/*---------------------------------//图片滚动-----------------------------------*/


#banner,#product{
	width:100%;
}
#banner ul{
	float:left;
	padding-left:5px;
	padding-top:8px;
}
#banner ul li{
	float:left;
	width:155px;
	background:url(../image/image1.gif) right center no-repeat;
	height:96px;
	text-align:center;
	padding-top:5px;
	padding-right:11px;
}
#banner ul li.none{
	background: none;
}
#banner ul li a{
	color: #999999;
	text-decoration:none;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
}
#banner ul li a img{
	border:#999999 2px solid;
}
#banner ul li a:hover{
	color: #FFF;
}
#banner ul li a:hover img{
	border:#FFF 2px solid;
}
/*------------------------------------------------ index_news--------------------*/
#indexBox{float:left; width:310px; margin-right:23px; overflow:hidden;}
h2.tiltle{ display:block;float:left; width:310px; font:bold 15px/32px "微软雅黑"; color:#006666; border-bottom:#f0f0f0 1px solid; margin-bottom:5px;}

h3.tiltle{ display:block;float:left; width:310px; font:bold 15px/32px "微软雅黑"; color:#2877D7; border-bottom:#f0f0f0 1px solid; margin-bottom:1px;}
ul.newi{float:left; }
ul.newi li{float:left; }
ul.newi li a{float:left; width:285px;  padding-left:15px;text-align:left; font:normal 14px/24px "微软雅黑"; background:url(../image/003.gif) 2px center no-repeat; overflow:hidden; color:#666; text-decoration:none;}
ul.newi li a span{ float:right; font:normal 12px/21px Arial, Helvetica, sans-serif; color:#666;}
ul.newi li a:hover{ color:#336699;}
#indexBox p{display:block;float:left; width:310px; overflow:hidden; font:normal 14px/24px "微软雅黑";}

#bodyIndex{	width:976px; float:left; margin-top:20px; padding-top:10px; border-top:#fff 1px solid;}

#index_news{float:left; width:306px; padding-left:20px;}
#index_news ul{float:left; width:306px;}
#index_news ul li{float:left; width:306px;}
#index_news ul li a{float:left; width:281px; text-align:left; font:normal 14px/21px Arial, Helvetica, sans-serif; background:url(../image/003.gif) left center no-repeat; padding-left:25px; overflow:hidden; color:#336699; text-decoration:none;}
#index_news ul li a span{ font:normal 12px/21px Arial, Helvetica, sans-serif; color:#666;}
#index_news ul li a:hover{ text-decoration:underline;}
/*------------------------------------------------bodyMain--------------------*/
#bodyMain{
	width:100%;
}
#body{
	width:976px; padding-top:25px;
	margin:0 auto;
}
#left{ position:relative;
	width:256px;
	float:left;
	margin-right:20px;
	background:url(../image/company01.jpg) left top repeat-y;
}
#left img.tile{ position: absolute; left:0; top:-86px; z-index:99999;

}
#left ul{
	width:187px;
	float:left;
	padding-left:37px;
	padding-bottom:30px;
}
#left ul li{
	width:187px;
	float:left;
}
#left ul li.company a{
	width:140px;
	float:left;
	display:block;
	font:bold 14px/35px Arial, Helvetica, sans-serif;
	background:url(../image/bg_menu.jpg) center bottom no-repeat;
	padding-left:47px;
	color:#666666;
	text-decoration:none;
}
#left ul li.company a.hover{
	background:url(../image/image15.gif) 0 0 no-repeat;
	color:#000000;
}
#left ul li.company a:hover{
	background:url(../image/image15.gif) 0 0 no-repeat;
	color:#006699;
}

#left ul li.service a{
	width:140px;
	float:left;
	display:block;
	font:bold 14px/35px Arial, Helvetica, sans-serif;
	background:url(../image/bg_menu.jpg) center bottom no-repeat;
	padding-left:47px;
	color:#666666;
	text-decoration:none;
}
#left ul li.service a.hover{
	background:url(../image/image155.gif) 0 0 no-repeat;
	color:#000000;
}
#left ul li.service a:hover{
	background:url(../image/image155.gif) 0 0 no-repeat;
	color:#996699;
}

#left ul li.product a{
	width:160px;
	float:left;
	display:block;
	font:bold 14px/20px Arial, Helvetica, sans-serif; padding:7px 0 7px 27px;
	background:url(../image/bg_menu.jpg) center bottom no-repeat;
	color:#666666;
	text-decoration:none;
}
#left ul li.product a:hover{
	background:url(../image/image13.gif) 0 0 no-repeat;
	color:#009966;
}

#left ul li.news a{
	width:160px;
	float:left;
	display:block;
	font:bold 14px/35px Arial, Helvetica, sans-serif;
	background:url(../image/bg_menu.jpg) center bottom no-repeat;
	padding-left:27px;
	color:#666666;
	text-decoration:none;
}
#left ul li.news a:hover{
	background:url(../image/image14.gif) 0 0 no-repeat;
	color:#009999;
}
/*------------- right --------------------*/
#right{
	width:700px;
	float:left;
}
#address{
	width:700px;
	float:left;
	border-bottom:#CCCCCC 1px solid;
	margin-bottom:15px;
}

#address h2{
	width:95px;
	font:bold 16px/35px Arial, Helvetica, sans-serif;
	padding-left:20px;
	background: url(../image/ico01.jpg) 2px center no-repeat;
}
#contect{
	width:700px;
	float:left;
	
}
#contect ul.pro{
	width:700px;
	float:left;
	overflow:hidden;
}
#contect ul.pro li{
	float:left;
	overflow:hidden;
	margin:10px 25px;
}
#contect ul.pro li a{
	float:left;
	display:block;
	padding:4px;
	width:170px;
	border:#CCCCCC 1px solid;
	background-color:#FFFFFF;
	text-decoration:none;
}
#contect ul.pro li a span{
	float:left;
	width:160px;
	background-color:#009966;
	font:bold 12px/30px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 5px 0 5px;
	overflow:hidden;
	cursor:pointer;
}
#contect ul.pro li a:hover{
	border:#009966 1px solid;
	background-color:#F1F1F1;
}

#contect ul.news{
	width: 700px;
	float:left;
	padding-bottom:20px;
}
#contect ul.news li{
	float:left;
	width: 700px;
	border-bottom:#CCCCCC 1px solid;
}
#contect ul.news li.til{
	float:left;
	width: 700px;
	background:url(../image/patten.gif) 0 0 repeat-x;
	font:bold 14px/35px Arial, Helvetica, sans-serif;
	color:#666666;
	border:none;
}
#contect ul.news li span,#contect ul.news li.til span{
	float:left;
	display:block;
	text-align:center;
}
#contect ul.news li a{
	font:normal 14px/33px Arial, Helvetica, sans-serif;
	cursor:pointer;
	color:#666666;
	text-decoration:none;
}
#contect ul.news li a:hover{
	color: #0066FF;
}
/*------------------------------------------------page－－－－－－－－－－－－－－－－－－--------------------*/

#Page {width:690px;height:50px;font-size:12px;line-height:50px;margin:6px 0 5px 0;text-align:center;}
#Page .TotalCount {color:#76B6E2;padding:3px 7px 3px 7px;border:1px solid #A7DBFF;margin-left:2px;margin-right:2px;background:#EDF8FF;}
#Page a {color:#AAAAAA;padding:3px 7px 3px 7px;border:1px solid #E5E5E5;margin-left:2px;margin-right:2px;background:#F5F5F5; text-decoration:none;}
#Page a:hover{background:#FEAEAD;color:#FF0101;border:1px solid #FF0101;margin-left:2px;margin-right:2px;}
#Page .CurrentPage {padding:3px 7px 3px 7px;background:#EDF8FF;border:1px solid #A7DBFF;color:#76B6E2;font-weight:bold;margin-left:2px;margin-right:2px;}
#Page .extend{color:#AAAAAA;padding:3px 7px 3px 7px;margin-left:2px;margin-right:2px;}
/*------------------------------------------------footer--------------------*/
#footer{
	width:100%; background-color:#FAFAFA;
	border-top: #F0F0F0 1px solid;
	margin-top:20px;
}
#foot{
	width:976px; margin:0 auto;
	padding:15px 0 10px 20px;
	font:normal 12px/22px Arial, Helvetica, sans-serif;
}
#foot a{
	color:#666666;
	text-decoration:none;
}
#foot a:hover{
	color:#3366cc;
	text-decoration:none;
}
