/* CSS Document */
/* DesignBy:AOE3 STUDIO/meit.cn 
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/
body{
	margin:0;
	padding:0;
	background:url(../images/bg.jpg) repeat-x #2D4982;
	background-position: top center;
	font-family: '微软雅黑', Arial, Helvetica, sans-serif,Verdana,'宋体' ;
	font-size:10pt; 
	color:#000;
	}
table,tr,td{line-height:20px;}
select{font-size:12px;}
form,img,ul,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}
a{color:#000; text-decoration:none;}
a:hover{text-decoration:underline;}
/****** Index ******/
.index{width:750px; margin:0 auto;}
/****** Top ********/
.top{ padding-bottom:11px}
.logo{padding:34px 0 0 0; float:left; width:320px; height:77px;}
.wap{font-size:7pt; height:20px; text-align:right; line-height:20px; color:#4C76AE}
.wap a{color:#222; padding:0 1px;}
.wap a:hover{text-decoration: derline;display: inline;}
.wap a:hover{color:#000;text-decoration: none;/*border-bottom: 3px solid #235e99; */}
.wap a:active{color:#000; text-decoration:derline}
.wap span a{color:#000; text-decoration:none; font-weight: bold;}

#menu{width:430px; float:right; }
.menu{ margin:35px 0 10px 0; text-align:right;color:#4C76AE}
/*.menu ul{}
.menu li{float:left; list-style:none; margin:0 5px; font-size:11pt; color:#FFFFFF;}*/
.menu a{color:#000; text-decoration: underline; padding:0 2px;}
.menu a:hover{text-decoration: derline;display: inline;}
.menu a:hover{color:#000;text-decoration: none;/*border-bottom: 3px solid #235e99; */}
.menu a:active{color:#000; text-decoration:derline}
.menu span a{color:#000; text-decoration:none; font-weight: bold;}

.menu_top{font-size:9pt; height:20px; text-align:right; line-height:20px; color:#4C76AE}
.menu_top a{color:#000; text-decoration: underline; padding:0 3px;}
.menu_top a:hover{text-decoration: derline;display: inline;}
.menu_top a:hover{color:#000;text-decoration: none;/*border-bottom: 3px solid #235e99; */}
.menu_top a:active{color:#000; text-decoration:derline}
.menu_top span a{color:#000; text-decoration:none; font-weight: bold;}

/**** product *****/
.product{width:750px; margin:0 auto; padding:15px 0 0 0; height:200px;}
#product{width:750px; margin:15px auto 0 auto; padding:0 0 0 0; height:200px; background:url(../images/product_bg.png) no-repeat;}
#works{ padding:12px 5px 0 5px;}
#works ul{padding:0; margin:0;}
#works li{float:left; width:147px; height:155px; list-style:none;}
#works #li1{float:left; width:0px; height:155px; list-style:none; border-right:1px #ddd dashed;}
#works #title{text-align:center; font-size:9pt; letter-spacing:1px; height:22px; width:130px; margin:5px auto; line-height:22px;}
#works #photo{width:132px; margin:5px auto; height:120px;}
#works #photo a img{border:1px solid #ddd;padding:1px; width:128px; height:118px; margin:0 0 0px 0px !important; margin:0px 0 0px 0px;}
#works #photo a:hover img{border:1px solid #87A9D6;}

#works #txt{width:130px; margin:5px auto; height:20px; text-align:center; display:none;}
/*** product lightbox ***/
.portfolio-holder  { width:778px;  float:left;  }
.column{ width:146px;  float:left; margin-left:4px;}
.SlidingPanels {position: relative;	width: 100%;height: 400px;padding: 0px;	border: none;}
.SlidingPanelsContentGroup {position: relative;	width: 100%;margin: 0px;padding: 0px;border: none;}
.SlidingPanelsAnimating * {	overflow: hidden !important;}
.SlidingPanels {width: 749px;height: auto;}
.SlidingPanelsContent {	width: 749px;height: auto;}
#button-hoder{ float:left; width:23px; padding:0px 0 0 0px;  }
#example2.SlidingPanels {float: left;}
#example2 .SlidingPanelsContentGroup {float: left;width: 10000px;}
#example2 .SlidingPanelsContent {float: left;}
.design_next{text-align:right; padding-right:15px; height:20px; line-height:20px; padding-left:608px;}
/****** main *******/
.main{border:0px #4C76AE solid; margin:0 2px 30px 2px ; }
.nva{ height:25px; padding:90px 5px 0 5px; color:#CCCCCC; }
.nva a{color:#ccc; text-decoration: underline; font-size:10pt;}
.nva a:hover{text-decoration: derline;display: inline;}
.nva a:hover{color:#ccc;text-decoration: none;/*border-bottom: 3px solid #235e99; */}
.nva a:active{color:#ccc; text-decoration:derline}
.nva span a{color:#ccc; text-decoration:none;}
.bar{height:30px; font-size:11pt; text-align:right; color:#4C76AE}
.content{padding:5px;color:#CEE3FF; font-size:9pt;}
.content p{text-indent:24px;}
.content .txt{height:24px; border-bottom:1px #003366 dashed; line-height:25px; margin:0 0 5px 0;}
.content span{ color:#FFFFFF ; border-bottom:2px #4C76AE solid; font-weight:bold; font-size:11pt;}
.content b{color:#FFFFFF ; border-bottom:1px #4C76AE dashed; font-weight:bold; font-size:10pt;  line-height:40px;}
.content img{padding:2px; border:1px #4C76AE solid; margin:5px;}
.content form,input,select{margin:2px 0;}
.content table,.content tr,.content td{border:1px #4C76AE solid; padding:3px; margin:0; font-size:10pt;color:#CEE3FF; }
.content ul{ padding:0; margin:0;}
.content li{float:left; list-style:none; margin:0 1px;}
.content li img{padding:2px; border:1px #4C76AE solid; margin:3px;}
.content a{color:#ddd; text-decoration: none; font-size:10pt;}
.content a:hover{text-decoration: derline;display: inline;}
.content a:hover{color:#ddd;text-decoration: derline;/*border-bottom: 3px solid #235e99; */}
.content a:active{color:#ddd; text-decoration:derline}
/****** index *******/
.index1{background-color:#2D4982; padding:10px 0;color:#89AEBF;}
.index2{width:728px; height:342px; background-color:#588093; margin:0 auto;background:url(../images/p_bg.jpg); }
.index3{float:left; margin:15px 0 0 15px;border:2px #B2D4ED solid; padding:2px}
.index4{float:left; margin:25px 0 0 10px; width:237px; color:#C8E8FF;}
.index5{background:url(../images/p_bottom_bg.gif) no-repeat; height:36px; width:708px; margin:0 auto; line-height:35px; padding:0 10px;}
.index6{width:343px; height:163px; border-right:1px #3A5C83 solid; margin:20px 0 0 10px; float:left}
.index7{width:326px; margin:5px 0 5px 0; height:1px;background:#3A5C83;}
.index8{float:left; width:200px;border-right:1px #3A5C83 solid; height:163px; margin:20px 0 0 0;}
.index9{height:118px; width:158px; margin:0 auto; }
.index9 a img{border:3px solid #4C76AE;padding:1px; width:158px; height:118px;}
.index9 a:hover img{border:3px solid #87A9D6;}
.index10{width:160px; margin:5px auto; line-height:30px; text-align:center;}
.index10 a{color:#89AEBF; text-decoration: underline;}
.index10 a:hover{text-decoration: none;}
.index11{float:left; width:178px; height:163px;margin:20px 0 0 0;}
.index12{width:158px; height:118px; margin:0 0 0 15px; padding:1px;}
.index12 a img{border:3px solid #4C76AE;padding:1px; width:158px; height:118px;}
.index12 a:hover img{border:3px solid #87A9D6;}
.index13{margin:5px 0 0 15px; width:160px; text-align:center; line-height:30px;}
.index13 a{color:#89AEBF; text-decoration: underline;}
.index13 a:hover{text-decoration: none;}
.index14{height:76px; width:330px;}
.index15{float:left; width:105px; height:68px;}
.index15 a img{border:3px solid #4C76AE;padding:1px; width:98px; height:68px;}
.index15 a:hover img{border:3px solid #87A9D6;}
.index16{float:left; margin:0 0 0 8px; width:215px;height:76px;}
.index17{font-size:11pt; color:#89AEBF; padding:0 0 3px 0;}
.index17 a{color:#89AEBF; text-decoration: underline;}
.index17 a:hover{text-decoration: none;}
.index18{font-size:9pt; color:#668EA2}
/****** main_menu ****/
.main_menu{height:25px; border-bottom:2px #4C76AE solid;}
.main_menu ul{ padding:0; margin:0;}
.main_menu li{float:left; margin:0 3px; list-style:none; background-color:#0F4081; height:25px; line-height:25px;}
.main_menu li a{ color:#6293D4; padding:0 5px;}
.main_menu li a:hover{ background:#4C76AE;display: block;color:#fff; padding:0 5px;}
.main_menu li a:active{ background:url(../images/menu_bg_on.gif);display: block;color:#ccc;padding:0 5px;}
.main_menu li span{ background:#4C76AE;display: block;padding:0 5px;}
.main_menu li span a{color:#fff; text-decoration:none; /*font-weight:bold;*/padding:0 5px;}
/****** Contact ****/
.contactus{ text-align:right; font-size:8pt; color:#8CB2E5; padding:0 10px;}
.contactus span{ border-bottom:2px #4C76AE solid; line-height:30px; font-size:10pt; color:#AFCCF3}
.contactus a{color:#AFCCF3; text-decoration:none;}
.contactus a:hover{text-decoration:underline;}
/****** bottom *****/
.bkey{text-align:center; font-size:9px; color:#003366}
.bkey a{color:#003366; text-decoration:none; padding:0 3px;}
.bkey a:hover{text-decoration:underline;}
.bottom{height:150px; background-color:#003366;font-size:8pt;position : absolute; width:100%;}
.bottom .txt{ width:740px; margin:0 auto; padding:15px 0 0 0; color:#4C76AE;}
.bottom .txt a{color:#5393C9; text-decoration:none; padding:0 3px;}
.bottom .txt a:hover{text-decoration:underline;}
.bottom .txt span{padding:0 3px;}
.about{ color:#5393C9}
.about p{text-indent:25px;}
.about a{color:#5393C9; text-decoration:underline; padding:0 3px;}
.about a:hover{text-decoration:derline;}
.links{ color:#4C76AE;}
.links p{text-indent:25px;}
.links a{color:#5393C9; text-decoration:underline; padding:0 2px; margin:0 4px;}
.links a:hover{text-decoration:derline;}
h1{text-align:center; color:#5393C9; border:1px #4C76AE solid; padding:8px;background-color:#003366;}
h1 a{color:#5393C9;font-weight: normal; text-decoration: none; }

/****** h1 *********/
/****** Other ******/
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.b{font-weight:bold;}
.left{float:left;}
.p25{padding:0 25px;}
.right{float:right;}
.line{border-bottom:1px #4C76AE dashed; padding:5px 0;}
.more{float:right; padding:10px 6px 0 0;}
.height{height:5px;}
.height1{height:20px;}
.w{color:#FFFFFF}
.y1{color:#FF7200}
.red{color:#FF0000}
.green{color:#339900;}
.blue{color:#0000FF}
.border{ border:1px #CCCCCC solid;}
.clear-float{clear:both}/