@charset "utf-8";
/* CSS Document */
html,ul,ol,li,dl,dt,dd,form,table,h1,h2,h3,h4,h5{padding:0;margin:0;}
body{background: url(../images/index_bg.jpg) repeat-x; background-color:#264466; margin:0 auto;color:#333;font:12px Arial, sans-serif;}/*1em=12px,1.25em=14px,1.5em=18px*/
a{color:#138DAA;text-decoration:none;}
a:hover{color:#38B4D2;}
a img,table{border:none;}
input{vertical-align:middle}
ul,li{list-style:none; padding:0; margin:0;}
.clearboth{clear:both;height:0;overflow:hidden;line-height:0;font-size:0;}
.fleft{float:left;}
.fright{float:right;}
#body{width:880px;margin:0 auto;clear:both;}
.log{width:256px; float:left;}
.top_title{}
.top_title .top_nav{ float:left; background-image:url(../images/index01_06.jpg); height:25px; width:622px;}
.top_title .top_nav ul{width:200px; float:right; padding-top:5px;}
.top_title .top_nav li{ float:left; padding:0 10px; margin-left:3px; list-style-image: url(../images/index_list_r2_c2.jpg); }
.top_title .top_nav li a{color:#61615F;}
.top_title .top_nav li a:hover{text-decoration:underline;}
#nav{background: url(../images/index_15.jpg) repeat-x; height:35px; float:left; width:880px;}
#nav .nav_left{float:left;}
#nav .nav{float:left; margin-left:1px;}
#nav .nav ul{}
#nav .nav ul li{float:left; margin-right:1px; }
#nav .nav ul li a{display:block; line-height:25px; padding:5px 10px; color:#fff;}
#nav .nav #current a{background: url(../images/index_18.jpg) repeat-x;}
#nav .nav ul li a:hover{background: url(../images/index_18.jpg) repeat-x;}

#nav .nav_search li{float:left; padding-top:5px; margin-left:2px;}
#nav .nav_search li .input{background-color:#BDE2FC; color:#27476E; border:solid 2px #3D5F8C;}
#nav .nav_search{float:left; margin-left:45px;}
#nav .nav_right{float:right;}
.nav_bg{background: url(../images/produce1_r3_c8.jpg) repeat-x; clear:both; float:left; height:35px; width:880px;}
.nav_bg .tels{ float:left;padding-left:25px; padding-top:10px; line-height:15px;}
.nav_bg .tels a{color:#BCE9FF; text-decoration:underline;}
.nav_bg .tel_t1{ float:right; margin-top:6px; margin-right:35px;}

#main{background-color:#fff; float:left; width:880px;border-top:solid 1px #fff;}
#main #left{ float:left; width:235px;*width:235px !important;*width:235px;}
#main #left .left_nav{ float:left; margin:10px 5px 10px 23px; *margin-left:23px !important;*margin-left:12px; color:#2764A7;}
#main #left .left_nav .pro_title{ float:left; width:210px;*width:210px !important;*width:195px; color:#0041A7; font-size:15px; font-weight:bold;}
#main #left .left_nav dl{ float:left; width:210px;*width:210px !important;*width:195px;}
#main #left .left_nav dt{ font-size:11px; font-weight:bold; line-height:18px;}
#main #left .left_nav dd{ font-size:11px; line-height:15px; color:#33538E;}
#main #left .left_nav dt a{ color:#1960AE;}
#main #left .left_nav dd a{ color:#33538E;}
#main #left .left_nav a:hover{ text-decoration:underline;}
#main #left .text{ float:left; width:232px;}
#main #left .text_t1{ float:left; width:209px; background-color:#DAE3EC; padding-left:23px; font-size:11px; color:#00478E;}
#main #left .text_t1 a{color:#00478E; line-height:18px;}
#main #left .text_t1 a:hover{text-decoration:underline;}
#main #left .text_t1 .news_title{ font-size:12px; font-weight:bold;}


#main #right{float:left;width:644px;*width:644px !important;*width:643px; border-left: 1px dotted #A3A8AD;}
#main #right .pro_top{border-bottom: 1px dotted #A3A8AD; height:16px; padding:10px 0 0 6px; font-size:11px; color:#4E86AB;}
#main #right .pro_top a{color:#4E86AB;}
#main #right .pro_top a:hover{text-decoration:underline;}
#main #products{ float:left;}
#main #products .pro_left{ float:left; width:420px; padding:20px 0 10px 20px; font-size:11px;}
#main #products .pro_left dt{ font-size:15px; font-weight:bold; color:#2C4765;}
#main #products .pro_left dd{ font-size:11px; color:#343434;}
#main #products .pro_left .photo{ width:300px; float:left;}
#main #products .pro_left .photo img{ float:left; margin:2px 1px 0 0;}
#main #products .pro_left .pro_other{ float:left; width:415px; margin-top:7px;}
#main #products .pro_left .pro_other dl{ font-size:11px;}
#main #products .pro_left .pro_other dl a:hover{text-decoration:underline;}
#main #products .pro_left .pro_other dt{ color:#424242; font-weight:bold; font-size:11px; background-color:#F2F2F2; height:20px; line-height:20px; display:block; width:400px;}
#main #products .pro_left .pro_other dt a{ color:#424242; font-weight:bold;}
#main #products .pro_left .pro_other dd{ color:#3A5C8C; padding-left:0px;}
#main #products .pro_left .pro_other dd a{ color:#3A5C8C;}

#main #products .pro_left .pro_others{ float:left; width:415px; margin-top:7px;}
#main #products .pro_left .pro_others dl{ font-size:11px;}
#main #products .pro_left .pro_others dt{ color:#424242; font-size:11px; font-weight:bold; background-color:#F2F2F2; padding-left:5px; line-height:20px; width:410px;}
#main #products .pro_left .pro_others dd{ color:#333; padding-left:5px; padding-top:5px;}

#main #products .pro_left .pro_techno{ float:left; width:415px; margin-top:7px;}
#main #products .pro_left .pro_techno dl{ font-size:11px;}
#main #products .pro_left .pro_techno dt{ color:#003c7f; font-size:11px; font-weight:bold; background-color:#F2F2F2; padding-left:2px; line-height:20px; width:410px;}
#main #products .pro_left .pro_techno dd{ color:#333; padding-left:0px; padding-top:5px;}

#main #products .pro_left .pro_test{ float:left; width:415px; margin-top:7px;}
#main #products .pro_left .pro_test dl{ font-size:11px;}
#main #products .pro_left .pro_test dt{ color:#003c7f; font-size:11px; font-weight:bold; background-color:#F2F2F2; padding-left:2px; line-height:20px; width:410px;}
#main #products .pro_left .pro_test dd{ color:#333; padding-left:0px; padding-top:5px;}
#main #products .pro_left .pro_test .sec1{cursor:  hand;}
#main #products .pro_left .pro_test .sec2{ display:none;}
#main #products .pro_left .pro_test .textline a{ color:#ab1800; text-decoration:underline;}

#main #products .pro_left .pro_contact{ float:left; width:415px; margin-top:15px;}
#main #products .pro_left .pro_contact dl{ font-size:11px; border-bottom:1px #A3A8AD dotted;}
#main #products .pro_left .pro_contact dt{ color:#424242; font-size:11px; font-weight:bold; background-color:#F2F2F2; padding-left:5px; line-height:20px; width:410px;}
#main #products .pro_left .pro_contact dd{ color:#333; padding:10px 5px;}
#main #products .pro_left .email {color:#004696;}
#main #products .pro_left .email a{color:#004696; text-decoration:underline;}

#main #products .pro_right{ float:right; width:203px;  margin-top:1px; }
#main #products .pro_right .test{padding: 13px 0 6px 7px; width:196px; height:33px;background-color:#F0F0F0;}
#main #products .pro_right .test dl{ color:#18426C;}
#main #products .pro_right .test dl a{ color:#18426C; text-decoration:underline;}
#main #products .pro_right .test dt{ font-weight:bold;}
#main #products .pro_right .test dd{ font-size:11px;}
#main #products .pro_right .relate{ float:left; margin-top:24px;}
#main #products .pro_right .relate dl{}
#main #products .pro_right .relate dt{padding: 13px 0 0px 7px;font-weight:bold; color:#18426C;width:196px; height:25px;background-color:#F0F0F0;}
#main #products .pro_right .relate dd{ margin-top:4px;}
#main #products .pro_right .relate dd img{ border:solid 1px #BFBFBF; margin:0 1px 1px 0;}
.abouts{ color:#014075;}
.abouts a{ color:#014075; text-decoration:underline;}
#news{float:left; padding-top:8px; color:#343434; line-height:150%; padding-bottom:30px; width:880px; background-color:#fff;}
#news .news_left{float:left; width:226px; padding:10px 17px 0 17px;}
#news .news_left dt{ color:#27476E; font-weight:bold; font-size:14px;}

#news .news_center{float:left; width:260px; padding:0 17px;border-right: dotted 1px #454545;border-left: dotted 1px #454545;}
#news .news_center .news_title{font-weight:bold; font-size:14px;}
#news .news_center dt{color:#27476E; font-weight:bold; font-size:14px; margin-top:10px;}
#news .tl{background:url(../images/tl.jpg) 0 0 no-repeat #456F9F;}
#news .tr{background:url(../images/tr.jpg) 100% 0 no-repeat;}
#news .bl{background:url(../images/bl.jpg) 0 100% no-repeat;}
#news .br{background:url(../images/br.jpg) 100% 100% no-repeat; padding:10px; color:#fff;}

#news .news_right{float:left; width:210px; padding:10px 0 0 17px;}
#news .news_right .news_title{font-weight:bold; font-size:14px;color:#27476E;}
#news .news_right dt{color:#27476E; font-weight:bold; font-size:12px;}
#foot{float:left; width:880px; height:96px; color:#3D749C; background-color:#1E3652; border-top:solid 2px #fff;}
#foot ul{ margin:10px 0;}
#foot ul li{ float:left; line-height:11px; font-size:12px; color:#5491BD; border-right: solid 1px #5491BD; padding:0 10px;}
#foot ul li a{ display:block; color:#62b4e4;}
#foot ul li a:hover{text-decoration: underline;}
#foot .copyright{ margin:10px 0px 0px 10px; clear:both; font-size:11px;}
#foot .copyright a{color:#3D749C;text-decoration:underline;}




/* =Font Size Code
----------------------------------------------------------------------*/
.f11px {font-size:11px;}
.f12px {font-size:12px;}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox{cursor: default;list-style: none;}
.hoverbox a{cursor: default;}
.hoverbox a .preview{display: none;}
.hoverbox a:hover .preview{display: block;position: absolute;top: 50px;left: 70px;z-index: 1;}
.hoverbox img{border:#BFBFBF solid 1px;color: inherit;vertical-align: top;width: 77px;height: 61px;}
.hoverbox li{color: inherit;display: inline;float: left;margin: 1px;position: relative;}
.hoverbox .preview{border-color: #000;width: 231px;height: 181px;}



.com_name {
	font-size: 13px;
	font-weight: bold;
}
.pic1dot5 {
	padding-top: 8px;
	padding-bottom: 8px;
}