﻿@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body {
background:#c5ddf0 url(../images/mainbg.png) repeat-x left top;
	margin:0px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
}
ul, ol, li { list-style:none; margin:0px; padding:0px;  }
input, button { margin:0; font-size:12px; vertical-align:middle; }
img{border:0;}
.left{float:left;}
.right{float:right;}
.clear1{clear:both;}
.strong{ font-weight:bold;}
a,a:visited{text-decoration:none;}
a:hover{ text-decoration:underline;}
.copy{ font-family: Arial, Helvetica, sans-serif; font-size:14px;}
.blue1{ color:#0195c8;}
.red1{ color:#e12006;}
.Hackbox { clear:both; margin-top:0px; padding-top:0px; visibility:hidden;}
#container{ width:972px; padding:17px 14px 0px 14px; background:#ffffff url(../images/topbg.jpg) no-repeat center top; margin:0px auto; text-align:left;  }
#nav{ width:940px;  height:44px; background:url(../images/navbg.png) repeat-x; border-left:1px solid #0968c5; border-right:1px solid #0968c5; padding-left:30px; margin-bottom:10px;}

#Tab1 .Menubox ul li{ float:left; font-size:14px; font-weight:bold; margin-right:6px; _margin-right:5px; display:inline; cursor:pointer; }
#Tab1 .Menubox ul li a{ text-decoration:none; color:#FFFFFF; padding:19px 20px; display:block;}

#nav ul li{ float:left; font-size:15px; font-weight:bold;}
#nav ul li a{ display:block; color:#FFFFFF; padding:0px 32px; height:44px; line-height:44px; width:100px;}
#nav ul li a:hover{ background:url(../images/navbghover.png) repeat-x; text-decoration:none;}
#banner{ margin-bottom:15px;}

#main{ width:972px;}
#left1{ width:303px; margin-bottom:15px;}

.menu{ border:#aaccee 1px solid; border-top:none; margin-bottom:10px;}
.menu .sidebar{ height:27px; background: url(../images/sidebarbg.png) repeat-x; line-height:27px; font-size:12px; padding:0px 15px 0px 10px;}
.menu .sidebar .left{ width:139px; height:27px; background:url(../images/sidebarlong.png) no-repeat; text-align:center; color:#FFFFFF;}
.menu .sidebar a{color:#1e89ad;}
.menu .ct{ padding:7px 10px 12px 10px;}
.menu .ct ul li{ border-bottom:1px dashed #3256ff; background:url(../images/dot1.png) no-repeat left 11px; padding:6px 0px 6px 16px;}
.menu .ct ul li a{color:#020e46;}


.contact{ border:#aaccee 1px solid; border-top:none; height:273px;}
.contact .sidebar{ height:27px; background: url(../images/sidebarbg.png) repeat-x; line-height:27px; font-size:12px; padding:0px 15px 0px 10px;}
.contact .sidebar .left{ width:109px; height:27px; background:url(../images/sidebarsmall.png) no-repeat; text-align:center; color:#FFFFFF;}
.contact .sidebar a{color:#1e89ad;}
.contact .ct{ padding:12px 10px 12px 10px; line-height:20px; color:#020e46; }

#left2{ width:325px; margin-left:15px; display:inline;}
.jsimg{ margin-bottom:10px;}
.prolist{ border:#aaccee 1px solid; border-top:none; height:273px;}
.prolist .sidebar{ height:27px; background: url(../images/sidebarbg.png) repeat-x; line-height:27px; font-size:12px; padding:0px 15px 0px 10px;}
.prolist .sidebar .left{ width:139px; height:27px; background:url(../images/sidebarlong.png) no-repeat; text-align:center; color:#FFFFFF;}
.prolist .sidebar a{color:#1e89ad;}
.prolist .ct{ padding:8px 12px 5px 15px;  color:#020e46; } 
.prolist .ct ul li{ width:146px; text-align:center; float:left; display:inline; padding-bottom:8px;}
.prolist .ct ul li a { text-decoration:none; color:#666;}
.prolist .ct ul li a:hover { color:#F00;}
.prolist .ct ul li .title{ margin-top:6px;}
.prolist .ct ul li .title a:hover { color:#F00;}

#right{ width:313px;}
.about{ border:#aaccee 1px solid; border-top:none;  height:214px; margin-bottom:10px;}
.about .sidebar{ height:27px; background: url(../images/sidebarbg.png) repeat-x; line-height:27px; font-size:12px; padding:0px 15px 0px 10px;}
.about .sidebar .left{ width:109px; height:27px; background:url(../images/sidebarsmall.png) no-repeat; text-align:center; color:#FFFFFF;}
.about .sidebar a{color:#1e89ad;}
.about .ct{ padding:15px 12px; line-height:20px; color:#020e46; }

.news{ border:#aaccee 1px solid; border-top:none;  height:273px; }
.news .sidebar{ height:27px; background: url(../images/sidebarbg.png) repeat-x; line-height:27px; font-size:12px; padding:0px 15px 0px 10px;}
.news .sidebar .left{ width:109px; height:27px; background:url(../images/sidebarsmall.png) no-repeat; text-align:center; color:#FFFFFF;}
.news .sidebar a{color:#1e89ad;}
.news .ct{ padding:10px 10px 6px 10px;}
.news .ct ul li{  background:url(../images/dot2.png) no-repeat left 9px; padding:4px 0px 4px 16px;}
.news .ct ul li a{color:#020e46;}

.foot{ color:#FFFFFF; background-color:#0879d4;  padding-top:14px; text-align:center; padding-bottom:12px; line-height:25px; }
.foot a { color:#FFF; font-weight:bold; text-decoration:none;}
.foot a:hover { color:#F00;}


.top-menu { width:940px;  height:44px; background:url(../images/navbg.png) repeat-x; border-left:1px solid #0968c5; border-right:1px solid #0968c5; padding-left:30px; margin-bottom:10px;}
#menu { height:44px; line-height:44px; float:left; text-align:center;  }
#menu ul { list-style: none; margin: 0px; padding: 0px;  }
#menu ul li { float:left;  line-height:44px;  text-align:center; padding-left:24px; font-weight:bold; }
#menu ul li a { display:block; width:100px;    font-size:15px; color:#FFF; text-decoration:none; }
#menu ul li a:hover { color:#FFF;background:url(../images/navbghover.png) repeat-x; }
#menu ul li a#current {  color:#fff;}
#menu ul li ul { border:1px solid #DDD; display:none; position:absolute; font-weight:normal; z-index:1;}
#menu ul li ul li { text-indent:12px; float:none; width:150px;  background:#fff; border-bottom:1px solid #DDD; margin:0; height:25px; line-height:25px; text-align:left;font-weight:normal; padding-left:0px;}
#menu ul li ul li a { width:150px;background:none; height:25px; line-height:25px; color:#456; text-align:left;font-size:12px; }
#menu ul li ul li a:hover { width:150px;background:#333; color:#fff; height:25px; line-height:25px;}
#menu ul li:hover ul { display:block;}
#menu ul li.sfhover ul { display:block;}

	.toplink { float:right; width:120px; padding:20px 0px 60px 0px;}
	.toplink a { color:#FFF; text-decoration:none;}

	.ct-top {   text-align:right;  background:url(../images/dian.jpg) 3px 10px no-repeat ;text-align:left; margin-bottom:6px; padding-left:12px;padding-left:24px; padding-top:8px; border-bottom:1px solid #CCC;}
	.ct-top a { text-decoration:none; color:#456;}
	.ct-top a:hover { color:#F00; text-decoration:none;}
	.con-r { padding-right:12px; line-height:20px; height:580px; overflow:auto; padding-left:12px;}
	
	
		.con-tup img { width:710px; padding:8px 0px;}
	.products01-bg { border-bottom:1px dashed #CCC; padding-bottom:3px; margin-bottom:3px;}
.products01-bg img { border:none;}
.v-title{ float:left;
		 font-size:12px;
		 font-weight:bold;
		 font-family:Arial, Helvetica, sans-serif;
		 display:inline; background:url(../imge/dian1.jpg) left 4px no-repeat;}
.v-title a:hover { color:#F00;}
.BOT{ float:right; width:60px; height:19px;
     margin:0px 10px 0px 0px; font-size:12px; }
.BOT a {background:url(../imge/BOT.png) no-repeat; display:block; color:#FFF; text-align:center; font-size:12px;}
.BOT a:hover {background:url(../imge/BOT1.png) no-repeat; color:#FFF;}
.BOT img { width:60px; height:17px;}
.v-piv{ clear:both;
       float:left;
		margin:1px 10px 1px 10px;
		display:inline;}
.v-piv img { width:120px; height:80px;}
.v-text{ float:left;
         margin: 0px 6px 5px 2px;
		 width:360px;
		 line-height:18px;
		 display:inline;
		 color:#FFF;}
.v-text a { color:#456; font-size:12px; background:url(../imge/dian1.jpg) left 4px no-repeat; padding-left:12px; text-decoration:none;}
.v-text a:hover { color:#F00; }
.psm2 { margin:2px 0px; text-align:center; padding-top:2px; text-align:left; line-height:30px; margin-bottom:6px; padding-left:12px;  padding-left:24px; }
.psm2 a { padding:0px 3px; font-size:12px; color:#456; text-decoration:none;}
.psm2 a:hover {color:#F00; }
.M-tup { width:160px; float:left;  overflow:hidden; margin-bottom:3px; height:140px; }
.M-tup  img { width:150px; height:110px;    float:left; border:1px solid #ccc; }
.M-tup  p { width:160px; margin:0px; padding:0px;  text-align:center;  }
.M-tup a { color:#456; text-decoration:none;}
.M-tup a:hover { color:#F00;}
 .img { margin-right:12px;}
 .title { color:#666; text-decoration:none; line-height:30px;}
 .title  a {color:#666;}
 
 
 .con-nn3-l { text-align:center;}
.con-nn3-l img { width:300px;}

/*左侧目录CSS*/
.con-l {border:#aaccee 1px solid; border-top:none; margin-bottom:10px; }
.con-l-top { height:27px; background: url(../images/sidebarbg.png) repeat-x; line-height:27px; font-size:12px; padding:0px 15px 0px 10px;}
.con-l-bottom { width:235px;}


.sub-menu{ padding:7px 10px 12px 10px;}
.sub-menu ul li{ border-bottom:1px dashed #3256ff; background:url(../images/dot1.png) no-repeat left 11px; padding:6px 0px 6px 16px;}
.sub-menu ul li a{color:#020e46;}


.con-l-t { background:url(../images/catotop.png) no-repeat 0px 0px; width:235px; height:54px; line-height:54px; text-align:center; font-size:18px; font-weight:bold;}
	
	.menu-top {background:url(../images/sb-menu-bj.jpg) left top  no-repeat; text-align:center; line-height:30px; font-size:18px; color:#FFF; font-weight:bold; padding-top:10px; float:left; width:228px;}
	.menu-top span {font-family:Arial, Helvetica, sans-serif; font-size:16px;}
	.menu-m {float:left;  overflow:hidden; width:238px; background:url(../images/sb-menu-bj1.jpg) right top  no-repeat; }
	.menu-bottom { float:left;width:228px; margin-bottom:6px; height:19px;background:url(../images/sb-menu-bottom.jpg) left top  no-repeat;}

	.con-l-t a { text-decoration:none; color:#FFF; }
	.con-l-t a:hover { color:#F00;}
	.con-l-m { width:201px; float:left; padding:12px 12px;color:#234; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
	.con-l-m a { text-decoration:none; color:#F00;}
	.con-l-m ul { margin:0px; padding:0px; list-style:none;}
	.con-l-m ul li { width:190px; float:left;  }
	.con-l-m ul li a { color:#EEE; text-decoration:none;padding-left:24px; display:inline; line-height:20px;  background:url(../images/dian1.jpg) 12px center  no-repeat;}
	.con-l-m ul li a:hover { color:#F00; background:url(../images/back_left_5.jpg) left center  no-repeat; display:block; }
	
	
	.two-menu {background:url(../images/catotop2.png) no-repeat 15px 6px; padding:20px 14px 0px 24px;} 
	.two-menu  a {color:#123; text-decoration:none;padding-left:30px; display:inline; background:url(../images/dian1.jpg) 12px 4px  no-repeat;font-size:12px; }
	.two-menu  a:hover {color:#F00; /*background:url(../images/back_left_5.jpg) left center  no-repeat; display:block;*/}
	
	.three-menu {width:190px; float:left; font-size:12px;}
	.three-menu  a {color:#000; text-decoration:none;padding-left:34px; display:inline; line-height:22px;  background:url(../images/dian1.jpg) 22px center  no-repeat;font-size:12px;}
	.three-menu  a:hover {color:#F00;font-size:12px; /*background:url(../images/back_left_5.jpg) left center  no-repeat; display:block;*/}
	
	.four-menu {width:196px; float:left; font-size:12px;}
	.four-menu  a {color:#678; text-decoration:none;padding-left:22px; display:inline; line-height:16px;  background:url(../images/dian1.jpg) 28px center  no-repeat;font-size:12px;}
	.four-menu  a:hover {color:#F00;font-size:12px; /*background:url(../images/back_left_5.jpg) left center  no-repeat; display:block;*/}
	/*做目录*/
	
	.banner{ margin-bottom:30px; width:960px; height:360px;} 
	.banner img { width:960px; height:360px;}
	
	.map img { width:128px; height:86px;}
	.menu-left{ width:139px; height:27px; background:url(../images/sidebarlong.png) no-repeat; text-align:center; color:#FFFFFF;}
	


