/*for 980px or less*/
@media screen and (max-width:980px){
#wrap{ width:100%;}
#sidemain{ width:63%;}
#sidenav{ width:35%;}
}
/*for 700px or less*/
@media screen and (max-width:980px){
#sidemain{ width: auto; float:none;}
#sidenav{ width: auto; float:none;}
}

/*for 480px or less*/
@media screen and (max-width:480px){
#head{ height:auto;}
h1{ font-size:24px;}
#sidenav{ display:none;}
}
* {margin:0;padding:0;}
body { font: small Arial, Helvetica, sans-serif; line-height: 1.5em;color: #666; }
a {	color: #666;background: inherit;text-decoration: none;}
a:hover { color: #FF0000; background: inherit;}
p {	margin:0; padding:0;}
ul { list-style:none; }
form { margin: 0; padding:5px 1px;}
img { border:0; max-width:100%;  -ms-interpolation-mode: bicubic;}
.float_left{float:left;}
.float_right{ float:right;}
.clear{clear:both;font-size:0;height:0;line-height:0;}
.blue{ color:#0000FF;}
/**layout Styles*/
#wrap{
	margin:0 auto;
	width:1000px;
}
/*--------------------------header---------------------------------*/
#header{
	width:100%;
	height:100px;
	font: normal 13px Arial;
	background:url(../images/head_bg.jpg) no-repeat right bottom;
}
.logo{
	float:left;
	width:20%;
	margin:5px 10px 0px 15px;
	padding-left:10px;
}
h1{
	font:bold 22px Tahoma,Arial, Helvetica, sans-serif;
	margin:2px 0 0 0px;
}
h1 a{color:#003B7A;}
.logo span{
	padding:0;
	margin:0 0 5px 10px;
	font:bold 13px Arial;
	text-align:center;
}
h2{ font:bold 12px Tahoma,Arial, Helvetica, sans-serif; color:#666;}
.company{	
	width:68%;
	padding:20px 0 0 12px;
	line-height:22px;
	color:#000;
}
h2.single{	
	padding:10px 0 0 5px;
	font:bold 12px  Arial;;
}
.wel{
	width:18%;
	margin-right:5px;
	text-align:right;
}
.toppic{ margin:1px auto;}
/*-------------------------menu----------------------------*/
#menu {
	clear:both;
	width:100%;
	height:38px;
	background:#59b241 url(../images/menu.jpg) repeat-x;
}
#menu ul{
	margin-left:100px;
	text-align:center;
}
#menu ul li{
	display:inline;
}
#menu ul li a{
	float:left;
	margin:0 1px;
	padding:2px 20px 4px 20px;
	color:#fff;
	font:bold 13px Arial;
	line-height:28px;
}
#menu ul li a:hover{
	color:#fff;
	cursor:pointer;
	background:#e67817 url(../images/menu_on.jpg) repeat-x;
}
#menu ul li a.current{
	color:#fff;
	background:#e67817 url(../images/menu_on.jpg) repeat-x;
}
/*-------------------------main----------------------------*/
#main{ 
	width:100%;
	margin-top:5px;
}
/*-------------------------search----------------------------*/
.search{
	clear:both;
	width:100%;
	line-height:25px;
	text-align:center;
	color:#454E7B;
	font:bold 100% Arial;
	background:#E4EDF7;
}
.input{
	border:1px solid #8FA6BC;
	height:20px;
	line-height:22px;
	width:200px;
	margin-left:10px;
}
.select{
	border:1px solid #8FA6BC;
	height:22px;
	line-height:22px;
}
/*-------------------------main start----------------------------------*/
#main{ 
	clear:both;
	width:100%;
	margin-top:5px;
}
#sidemain{
	float:right;
	width:74%;
}
.breadcrumb{
	padding-right:10px;
	line-height:20px;
	font-size:100%;
	text-align:right;
}
#sidemain dt{
	padding:3px 0 2px 0;
	margin-top:1px;
	height:23px;
	color:#333;
	border:1px #E7E7E7 solid;
	background:#EFEFEF url(../images/rightbar.jpg) repeat-x;
}
#sidemain dt span{
	padding:4px 0px 4px 30px;
	font:bold 100% Arial;
	letter-spacing:1px;
	background: url(../images/icon.gif) no-repeat 10px center;
}
#sidemain dd{
	clear:both;
	width:99.7%;
	margin-top:1px;
	border:1px #eee solid;
}
#sidemain dd a{ text-decoration:underline;}

.rightimg{
	margin:10px 10px;
	padding:2px;
}
.leftimg{
	padding:5px;
}
#sidemain dd p{
	margin-top:5px;
	padding:5px 5px;
	line-height:25px;
	text-align:justify;
}
#sidemain dd p a.spe{ text-decoration:underline;color:#0000FF;}
.index_more{ text-align:right; margin:1px 20px; padding:0;}
#sidemain dd .pro{
	padding:8px 10px;
	line-height:17px;
	text-align:center;
	width:125px;
	height:150px;
}
#sidemain dd .pro_img{
	padding:8px 10px;
	line-height:17px;
	text-align:center;
	width:220px;
	height:220px;
}
#sidemain dd .pro a{text-decoration: underline;}
#sidemain dd .pro img{ padding:1px; border:1px #eee dotted;}
/*-------------------------sidemain inside----------------------------*/
h3{	color:#5B5B5B; font:bold 100% Arial;line-height:28px;background:#eee url(../images/arrfather.gif) no-repeat 10px 12px;}
h3 span{padding-left:30px;}
#sidemain dd .list{ width:98%;padding:10px 5px;height:auto;border-bottom:1px #A9B4C3 dotted;}
#sidemain dd .list .listpic{ width:24%; padding-left:4px;}
#sidemain dd .list .listdec{ width:75%;}
#sidemain dd .list .listdec a{color:#0000FF; text-decoration:underline; line-height:28px;}
#sidemain dd .list .listdec a:hover{ color:#FF0000;}
#sidemain dd .list .listpicin{width:50%; text-align:center;line-height:18px;}
#sidemain dd .list .listdecin{width:45%; line-height:25px; padding-left:10px;}
#sidemain dd .list img{ padding:1px;}
#sidemain dd .txt{ width:95%;margin:2px 5px;border-bottom:1px #eee dotted; background:url(../images/arr.gif) no-repeat 5px 6px; padding:8px 5px 2px 15px; line-height:22px;}
#sidemain dd .txt p{ margin:0; padding:0;}
#sidemain dd .txt a{ color:#666;}
#sidemain dd .txt a:hover{ text-decoration:underline;}
.plist{	width:80%; letter-spacing:2px; text-align:left; line-height:25px; padding-left:15px;}
.plist a{ border:1px #A9B4C3 solid; padding:1px 5px;}
.plist a:hover{border:1px #8db5d7 solid; background:#eee;}
.plist .current_no{border:1px #8db5d7 solid; background:#eee;padding:1px 5px;}
#sidemain dd .info{ margin-left:8px;}
#sidemain dd .more{width:95%;margin-right:10px;font: normal 90% Arial;text-align:right; line-height:25px;}
#sidemain dd .more a{color:#DB2525;}
.contact_us{ margin-top:10px;}
.relet{	width:95%;}
.relet ul{padding:10px 10px 10px 40px;line-height:22px;}
table{ border-collapse:collapse;}
tr,td{ border:1px #eee solid; line-height:25px; text-align:center;}
/*------------------------sidenav start----------------------------*/
#sidenav{
	float:left;
	width:25%;
}
.subnav{
	clear:both;
	width:96%;
	margin-bottom:10px;
}
h4{
	margin:0;
	padding:12px 0 8px 10px;
	font:bold 13px Arial;
	background:url(../images/bar-top.gif) no-repeat top left;
}
h4 span{
	padding:0 0 0px 22px;
	color:#00923f;
	font:bold 100% Arial;
	background:url(../images/navicon.gif) no-repeat 5px center;
}
.subnav ul{
	float:left;
	width:100%;
	padding-bottom:10px;
	background:url(../images/bar-bot.gif) no-repeat bottom left;
}
.subnav ul li{
	height:26px;
	margin:1px 2px 0 2px;
	line-height:26px;
	border-bottom:1px #ddd dotted;
	background:#fff url(../images/arr.gif) no-repeat 8px center;
}
.subnav li a{
	padding-left:16px;
}
.subnav ul li.father{
	background:#ebfedf url(../images/arrfather.gif) no-repeat 5px center;
}
.subnav p{
	width:100%;
	margin:0;
	padding:10px;
	background:url(../images/bar-bot.gif) no-repeat bottom left;
}

/*------------------------sitemap----------------------------*/
#sitemap{
padding-left:30px;
font:normal 13px Arial;
text-align:left;
width:90%;

}
#sitemap p.home{ font:bold 14px Arial, Helvetica, sans-serif;border-bottom:1px #eee solid; margin:5px 0 0 0; padding:0;line-height:24px;}
#sitemap p.m{ font-weight:bold; padding:0 0 0 2em;margin:1px 0 0 0;border-bottom:1px #eee dotted;}
#sitemap p.f{ font-weight:bold; padding:0 0 0 2em;margin:1px 0 0 0;border-top:1px #eee dotted;}
#sitemap li{padding-left:4em; line-height:24px;}
#sitemap li.father{padding-left:4.3em; background:#f7f7f7;}
#sitemap li.sun a{padding-left:2.6em; color:#000099;}
#sitemap li.son a{padding-left:2.6em;}
/*------------------------footer start----------------------------*/
#footer{
	clear:both;
	margin-top:20px;
	text-align:center;
}
.foot_nav{
	height:31px;
	line-height:30px;
	background:#aee084;
}
.foot_nav a{color:#666; font-weight:normal;}
.foot_copyright{ margin-top:4px;line-height:20px;}
.foot_copyright a{ color:#666; text-decoration:underline;}