@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background:#D6D6D6; text-align:center; font-size:10px; font-family:Arial; color:#666666;}
.clear{ clear:both;}
.height{ height:10px;}
.left{ float:left;}
.right{ float:right;}
.border_down{ border-bottom:1px #999999 solid;}
/*外层容器*/
#out{ width:860px; background-color:#FFFFFF; margin:auto; text-align:center;}
#header{ width:828px; margin:auto;}
#header #logo{ width:828px; height:57px; clear:both;}
#header #logo #logo_left{ height:57px; width:182px; background: url(../images/index_02.gif) 0 0 no-repeat; float:left;}
#header #logo #logo_right{ height:57px; width:646px; background:url(../images/index_03.gif) 100% 0 no-repeat; float:right;}

#header #menu{ width:828px; height:18px; background:#32679A; border-bottom:1px solid #FFFFFF; border-top:1px solid #ffffff; text-align:center; margin:0; padding:0; clear:both; position:relative;}
#header #menu ul{margin:0 auto; padding:0; height:15px;}
#header #menu ul li{ width:0px; overflow:visible; padding:0 15px; text-align:center; list-style:none; display:inline; margin:0; font:normal normal normal 12px/18px arial;}
#header #menu ul li a.menu:link{ color:#eee; text-decoration:none;}
#header #menu ul li a.menu:visited{ color:#eee; text-decoration:none; }
#header #menu ul li a.menu:hover{ color:#ff6600; text-decoration:none; }
#header #menu ul .border_left{  border-left:1px solid #ffffff;}
#header #menu ul .border_right{ border-right:1px solid #ffffff;}
#header #menu #sub1{ position:absolute; z-index:5; top:17px; background-color:#D4E7EE; float:left; left:141px; width:90px; overflow:hidden; text-align:center; height:auto; }
#header #menu #sub1 ul{ padding:0; margin:0; text-align:center; height:auto; width:83px; overflow:hidden;}
#header #menu #sub1 ul li{ display:block; list-style:none; margin:auto; padding:0; margin:0; text-align:center; width:100%; border-bottom:1px solid #FFFFFF;}
#header #menu #sub2{ position:absolute; z-index:5; top:17px; background-color:#D4E7EE; float:left; left:606px; width:73px; overflow:hidden; text-align:center; height:auto; }
#header #menu #sub2 ul{ padding:0; margin:0; text-align:center; height:auto; width:100%; overflow:hidden;}
#header #menu #sub2 ul li{ display:block; list-style:none; margin:auto; padding:0; margin:0; text-align:center; width:100%; border-bottom:1px solid #FFFFFF;}
#header #menu #sub3{ position:absolute; z-index:5; top:17px; background-color:#D4E7EE; float:left; left:496px; width:109px; overflow:hidden; text-align:center; height:auto; }
#header #menu #sub3 ul{ padding:0; margin:0; text-align:center; height:auto; width:100%; overflow:hidden;}
#header #menu #sub3 ul li{ display:block; list-style:none; margin:auto; padding:0; margin:0; text-align:center; width:100%; border-bottom:1px solid #FFFFFF;}

#header #menu #sub4{ position:absolute; z-index:5; top:17px; background-color:#D4E7EE; float:left; left:298px; width:150px; overflow:hidden; text-align:center; height:auto; }
#header #menu #sub4 ul{ padding:0; margin:0; text-align:center; height:auto; width:100%; overflow:hidden;}
#header #menu #sub4 ul li{ display:block; line-height:1.3; list-style:none; margin:auto; padding:0; margin:0; text-align:center; width:100%; border-bottom:1px solid #FFFFFF;}
#header #menu a.sub:link{ color:#32679B; text-decoration:none;}
#header #menu a.sub:visited{ color:#32679B; text-decoration:none;}
#header #menu a.sub:hover{ color:#ff6600; text-decoration:none;}
#header #banner{ width:828px;}
/*主体一部分开始*/
#main_body_1{ width:828px; margin:auto; overflow:hidden; position:relative;}
#main_body_1 #left{ width:139px; margin-right:10px; float:left; overflow:hidden;}
#main_body_1 #left .title{ width:139px; height:16px; background-color:#31689D; line-height:16px; color:#eee; text-align:left; padding-left:14px; clear:both; }
#main_body_1 #left #pro_link{ width:134px; float:left; text-align:left; margin-top:5px; padding-left:14px; height:118px;}
#main_body_1 #left #pro_link ul{ width:134px; float:left; text-align:left; margin:0; padding:0;}
#main_body_1 #left #pro_link ul li{ list-style:none; background:url(../images/index_19.gif) 0 50% no-repeat;display:block; width:134px; text-align:left; padding-left:5px;}
#main_body_1 #left #pro_link ul li a.pro:link{ color:#31689E; text-decoration:none; }
#main_body_1 #left #pro_link ul li a.pro:visited{ color:#31689E; text-decoration:none; }
#main_body_1 #left #pro_link ul li a.pro:hover{ color:#ff6600; text-decoration:none; }
#main_body_1 #left #video{ height:144px; background:url(../images/index_33.gif) 0 100% no-repeat; padding:7px 0 0 14px;}
#main_body_1 #left #video #video_content{ text-align:left; width:115px; float:left;}
#main_body_1 #midd{ width:374px; margin-right:14px; float:left; background-color:#F5F5F5; padding:5px 10px 5px 10px; color:#666666; text-align:justify; overflow:hidden; font-size:11px; line-height:16px;}
#main_body_1 #midd #img_1{ padding:5px 5px 0 0;}
#main_body_1 #midd #img_2{ padding:5px 0 0px 5px;}
#main_body_1 #right{ width:262px; height:400px; overflow:hidden;  float:left; border:3px #F6F6F6 solid;}
#main_body_1 #right .zs_pic{ width:237px; margin:auto; overflow:hidden;}
#main_body_1 #right .zs_pic .pic_1{ width:60px; margin-right:28px; float:left; text-align:center; color:#666666;}
#main_body_1 #right .zs_pic .pic_2{ width:60px; float:left; text-align:center; color:#666666;}
#main_body_1 #right #zs_content{ width:210px; text-align:justify; line-height:16px!important;line-height:16px; color:#666; font-size:11px; margin:auto;}
#main_body_1 #project{ position:absolute; z-index:5; top:306px; left:0; width:543px; height:100px; background-color:#EfEfEf;}
#main_body_1 #project #demo{ width:522px; margin:8px auto; height:84px; overflow:hidden;}
#main_body_1 #project #demo img{ margin-right:20px; width:104px; height:84px; float:left;}
/*主体一部分结束*/
/*主体二部分开始*/
#main_body_2{ width:828px; margin:auto; overflow:hidden;}
#main_body_2 #left{ width:543px; float:left; overflow:hidden; margin-right:0;}
#main_body_2 #left .title{ width:543px; height:16px; background-color:#31689D; line-height:16px; color:#eee; text-align:left; padding-left:14px; clear:both; }
#main_body_2 #left .title span{ float:right; width:55px; text-align:left;}
#main_body_2 #left .title span a.more:link{ color:#eee; text-decoration:none;}
#main_body_2 #left .title span a.more:visited{ color:#eee; text-decoration:none;}
#main_body_2 #left .title span a.more:hover{ color:#ff6600; text-decoration:none;}
#main_body_2 #left #product{ width:543px; overflow:hidden;}
#main_body_2 #left #product .pro_left{ width:254px; float:left; height:101px; padding:14px 0 0 14px; overflow:hidden; background:url(../images/index_61.gif) 7px 100px no-repeat;}
#main_body_2 #left #product .pro_left .pro_img{ height:72px; background:url(../images/index_58.gif) 0 68px no-repeat; float:left; width:90px; overflow:hidden;}
#main_body_2 #left #product .pro_left .pro_detail{ height:72px; width:147px; overflow:hidden; text-align:left; float:left; margin-left:14px; font:normal normal normal 12px/18px arial;}
#main_body_2 #left #product .pro_left .pro_detail a:link{ color:#32699A; text-decoration:none; font-size:12px; font-weight:bold;}
#main_body_2 #left #product .pro_left .pro_detail a:visited{ color:#32699A; text-decoration:none; font-size:12px; font-weight:bold;}
#main_body_2 #left #product .pro_left .pro_detail a:hover{ color:#ff6600; text-decoration:none; font-size:12px; font-weight:bold;}


#main_body_2 #left #product .pro_right{ width: 254px; float:left; height:101px; overflow:hidden; background:url(../images/index_61.gif) 7px 100px no-repeat; padding:14px 0 0 14px; }
#main_body_2 #left #product .pro_right .pro_img{ height:72px; background:url(../images/index_58.gif) 0 68px no-repeat; float:left; width:90px; overflow:hidden;}
#main_body_2 #left #product .pro_right .pro_detail{ height:72px; width:147px; overflow:hidden; text-align:left; float:left; margin-left:14px; font:normal normal normal 12px/18px arial;}
#main_body_2 #left #product .pro_right .pro_detail a:link{ color:#32699A; text-decoration:none; font-size:12px; font-weight:bold;}
#main_body_2 #left #product .pro_right .pro_detail a:visited{ color:#32699A; text-decoration:none; font-size:12px; font-weight:bold;}
#main_body_2 #left #product .pro_right .pro_detail a:hover{ color:#ff6600; text-decoration:none; font-size:12px; font-weight:bold;}
.pro_out{ height:101px; overflow:hidden;}

#main_body_2 #right{ width:268px; float:right; overflow:hidden; margin-right:3px; display:inline;}
#main_body_2 #right #title{ height:16px; overflow:hidden; background:url(../images/index_54.gif);}
#link{ height:57px; overflow:hidden; width:828px; overflow:hidden; background:url(../images/index_67.gif) 0 0 repeat-x;}
#link #left{ width:7px; float:left;}
#link #midd{float:left; width:814px;}
#link #midd img{ float:left; margin-right:5px; border:0; padding-top:7px;}
#link #right{ float:right; width:7px;}
/*主体二部分结束*/
/*内页部分*/

#main_body_3{ width:828px; margin:auto; overflow:hidden; padding:0;}
#main_body_3 #left{ width:207px; float:left; overflow:hidden;}
#main_body_3 #left .title{ width:207px; float:left; height:16px; line-height:16px; overflow:hidden; text-align:left; padding-left:16px; background:#31689D; color:#eee;}
#main_body_3 #left #pro_menu{ width:207px;  padding-left:14px;  margin-top:5px;}
#main_body_3 #left #pro_menu ul{ float:left; padding:0; margin:0;}
#main_body_3 #left #pro_menu ul li{ list-style:none; background:url(../images/index_19.gif) 0 50% no-repeat; display:block; width:200px; text-align:left; padding-left:5px; overflow:hidden;}
#main_body_3 #left #pro_menu ul li a.pro:link{ color:#31689E; text-decoration:none; }
#main_body_3 #left #pro_menu ul li a.pro:visited{ color:#31689E; text-decoration:none; }
#main_body_3 #left #pro_menu ul li a.pro:hover{ color:#ff6600; text-decoration:none; }

#main_body_3 #left #search_form{ width:185px; float:left; margin:6px 0 0 12px; display:inline; }
#main_body_3 #left #search_form .keyword{ width:179px; height:16px; border:1px solid #7F9DB9; font:normal normal normal 10px/16px arial; color:#31689E;  padding-left:2px; display:inline;}
#main_body_3 #left #search_form .class_name{ width:120px; height:18px; float:left; display:inline; font:normal normal normal 10px/18px arial; padding-left:2px; border:1px solid #7F9DB9; color:#31689E;}
#main_body_3 #left #search_form .sub_btn{ width:52px; height:20px; overflow:hidden; background:url(../images/search.jpg) 0 0 no-repeat; float:right; display:inline; padding:0; border:0; margin:0; margin-right:1px;}
#main_body_3 #midd{ width:18px; background:url(../images/jiange.jpg) 0 0 no-repeat; float:left; height:135px; overflow:hidden; padding:0; margin:0;}
#main_body_3 #right{ font:normal normal normal 12px/18px arial; width:583px; float:right; background:#efefef; overflow:hidden; text-align:justify; display:inline; padding:10px;}
#main_body_3 #right .eq{ width:194px; float:left; text-align:center; overflow:hidden;}
#main_body_3 #right a:link{ color:#31689E; text-decoration:none; }
#main_body_3 #right a:visited{ color:#31689E; text-decoration:none; }
#main_body_3 #right a:hover{ color:#ff6600; text-decoration:none; }
#main_body_3 #right .contact{text-align:left;color:#31689E; font:normal normal bold 12px/18px arial; border-bottom:1px solid #31689E;}
#main_body_3 #right .tb_out{ padding:0; border:0; margin:0;border-top:1px solid #7F9DB9; height:18px; overflow:hidden;}
#main_body_3 #right .tb_left{ width:48%; float:left;  line-height:18px; padding:0; border:0; margin:0;}
#main_body_3 #right .tb_right{ width:48%; border:0; border-left:1px solid #7F9DB9; float:right; line-height:18px;  padding:0; margin:0;}
#main_body_3 #right .gb_content{ width:80%; margin:auto; border:1px solid #7F9DB9; background:#FFFFFF; overflow:hidden; padding:10px;}
#main_body_3 #right #gb_form{ width:250px; text-align:left; margin:auto;}
#main_body_3 #right input{ width:200px; height:20px; border:1px solid #666666;border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC; line-height:20px; margin:0px 0px 0 5px;  padding:0 3px ; float:right;}
#main_body_3 #right textarea{ width:240px; height:100px; border:1px solid #666666;border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC; line-height:20px; margin:0px 0px 0 5px;  padding:0 3px ; background:url(../images/textarea.jpg) no-repeat 34px 20px!important; background:url(../images/textarea.jpg) 50% 50% no-repeat; background-attachment:fixed;}
#main_body_3 #right #news{ padding-bottom:5px; border-bottom:1px #666666 dashed; height:36px; overflow:hidden; width:95%; margin:auto; line-height:20px;}
#main_body_3 #right #news span{ float:right; padding-left:10px;}
#main_body_3 #right #news_content{ padding-bottom:5px; overflow:hidden; width:95%; margin:auto;}
#main_body_3 #right #product_list{ width:95%; margin:auto;}
#main_body_3 #right #product_list .pro_left{ width:47%; float:left; height:101px; padding:14px 0 0 14px; overflow:hidden; background:url(../images/index_61.gif) 7px 100px no-repeat;}
#main_body_3 #right #product_list .pro_left .pro_img{ height:72px; background:url(../images/index_58.gif) 0 68px no-repeat; float:left; width:90px; overflow:hidden; border:0;}
#main_body_3 #right #product_list .pro_left .pro_detail{ height:72px; width:147px; overflow:hidden; text-align:left; float:left; margin-left:14px;}
#main_body_3 #right #product_list .pro_left .pro_detail a:link{ color:#32699A; text-decoration:none; font-size:12px; font-weight:bold;}
#main_body_3 #right #product_list .pro_left .pro_detail a:visited{ color:#32699A; text-decoration:none; font-size:12px; font-weight:bold;}
#main_body_3 #right #product_list .pro_left .pro_detail a:hover{ color:#f60; text-decoration:none; font-size:12px; font-weight:bold;}

#main_body_3 #right #product_list .pro_right{ width: 47%; float:right; height:101px; overflow:hidden; background:url(../images/index_61.gif) 7px 100px no-repeat; padding:14px 0 0 14px; }
#main_body_3 #right #product_list .pro_right .pro_img{ height:72px; background:url(../images/index_58.gif) 0 68px no-repeat; float:left; width:90px; overflow:hidden; border:0;}
#main_body_3 #right #product_list .pro_right .pro_detail{ height:72px; width:147px; overflow:hidden; text-align:left; float:left; margin-left:14px;}
#main_body_3 #right #product_list .pro_right .pro_detail a:link{ color:#32699A; text-decoration:none; font-size:12px; font-weight:bold;}
#main_body_3 #right #product_list .pro_right .pro_detail a:visited{ color:#32699A; text-decoration:none; font-size:12px; font-weight:bold;}
#main_body_3 #right #product_list .pro_right .pro_detail a:hover{ color:#f60; text-decoration:none; font-size:12px; font-weight:bold;}