﻿@charset "utf-8";
/* CSS Document */

body {margin: 0px;padding: 0px; background-color:#ffffff; font-size:12px;color:#514D46; font-family:微软雅黑, "宋体", Arial, Helvetica, sans-serif;}

img {border:0px;}
form {font-size: 12px;margin: 0px;padding: 0px;}
input {font-size: 12px; color:#333333;}
select {font-size: 12px; color:#333333;}
ul,li,h1,h2,h3,h4,h5,dl,dt,dd,img,p,a {margin: 0px;padding: 0px; font-style:normal; list-style:none;}
:focus { outline:0; }

/* ----- Links ----- */
a {text-decoration:underline;color:#006699;}
a:hover {text-decoration:underline;color:#006699;}

.header { float:left; width:100%; height:auto;}
.header .header_box { width:800px; height:92px; margin:0px auto; position:relative; z-index:100; background:url(../a_images/public/h-bg.jpg);}
.header .header_box .logo { float:left; width:250px; height:80px;}
.header .header_box .logo img { margin-top:18px; margin-left:20px; height:60px;}
.header .header_box .nav { float:right; height:25px; margin-top:60px;}
.header .header_box .nav ul li { float:left; line-height:25px; margin-right:25px; padding-left:18px; background:url(../a_images/public/h-icon.jpg) no-repeat left center;}

.ads-t { width:800px; margin:0px auto;}

.top { float:left; width:100%; height:auto;}
.top .top_box { width:800px; margin:0px auto; position:relative; z-index:100;}
.top .top_box .nav { float:left; width:100%; height:44px;}
.top .top_box .nav ul li { float:left;}

#m1 { width:150px; height:auto; margin:0px; padding:10px; position:absolute; visibility:hidden; top:29px; left:105px; filter:alpha(Opacity=80); opacity:0.8;}
#m1 ul li { float:left; width:150px; height:29px; line-height:29px; font-size:12px; font-weight:bold; border-bottom:1px solid #999999; background:#E6EFF8;}
#m1 ul li a { float:left;display:block; width:100%;text-decoration:none; color:#333;}
#m1 ul li a:hover { float:left;display:block; width:100%; background-image: url(../a_images/public/menu_back.jpg); color:#FFFFFF; text-decoration:none; padding:0px;}
#m1 ul li a span { padding:5px;}

#m2 { width:150px; height:auto; margin:0px; padding:10px; position:absolute; visibility:hidden; top:29px; left:219px; filter:alpha(Opacity=80); opacity:0.8;}
#m2 ul li { float:left; width:150px; height:29px; line-height:29px; font-size:12px; font-weight:bold; border-bottom:1px solid #999999; background:#E6EFF8;}
#m2 ul li a { float:left;display:block; width:100%;text-decoration:none; color:#333;}
#m2 ul li a:hover { float:left;display:block; width:100%; background-image: url(../a_images/public/menu_back.jpg); color:#FFFFFF; text-decoration:none; padding:0px;}
#m2 ul li a span {padding:5px;}

#m3 { width:150px; height:auto; margin:0px; padding:10px; position:absolute; visibility:hidden; top:29px; left:333px; filter:alpha(Opacity=80); opacity:0.8;}
#m3 ul li { float:left; width:150px; height:29px; line-height:29px; font-size:12px; font-weight:bold; border-bottom:1px solid #999999; background:#E6EFF8;}
#m3 ul li a { float:left;display:block; width:100%;text-decoration:none; color:#333;}
#m3 ul li a:hover { float:left;display:block; width:100%; background-image: url(../a_images/public/menu_back.jpg); color:#FFFFFF; text-decoration:none; padding:0px;}
#m3 ul li a span {padding:5px;}

#m4 { width:150px; height:auto; margin:0px; padding:10px; position:absolute; visibility:hidden; top:29px; left:561px; filter:alpha(Opacity=80); opacity:0.8;}
#m4 ul li { float:left; width:150px; height:29px; line-height:29px; font-size:12px; font-weight:bold; border-bottom:1px solid #999999; background:#E6EFF8;}
#m4 ul li a { float:left;display:block; width:100%;text-decoration:none; color:#333;}
#m4 ul li a:hover { float:left;display:block; width:100%; background-image: url(../a_images/public/menu_back.jpg); color:#FFFFFF; text-decoration:none; padding:0px;}
#m4 ul li a span {padding:5px;}

.pro-box .n-box .pro-l { float:left; width:160px;}
.pro-box .n-box .pro-l .pro-l-tit { float:left; width:100%; height:36px; background:url(../a_images/product/pro-l.jpg) no-repeat left center; border-bottom:1px solid #fff;}
.pro-box .n-box .pro-l .pro-l-tit img { margin-top:12px; margin-left:11px;}
.pro-box .n-box .pro-l .menu { float:left; width:158px; border-top:4px solid #003466; border-left:1px solid #6699CC; border-right:1px solid #6699CC; border-bottom:1px solid #6699CC; background-color:#E6EEF7;}
.pro-box .n-box .pro-l .menu ul li { float:left; width:146px; padding:10px 0; border-bottom:1px dashed #666; margin-left:6px;}
.pro-box .n-box .pro-l .menu ul li a { width:120px; display:block; text-decoration:none; color:#333; background:url(../a_images/product/icon-m.png) no-repeat left 4px; padding-left:16px; margin-left:5px;}
.pro-box .n-box .pro-l .menu ul li a:hover { text-decoration:none;}

.fnav { float:left; width:100%; min-width:1024px; background:#404042; padding-bottom:20px;}
.fnav .fnav_wrap { width:800px; margin:0px auto;}
.fnav .fnav_wrap .fnav_l { float:left; width:600px; margin-top:20px;}
.fnav .fnav_wrap .fnav_l dl { float:left; width:120px;}
.fnav .fnav_wrap .fnav_l dl dt { float:left; width:100%; line-height:35px; color:#c4c4c5; font-size:14px; font-weight:bold;}
.fnav .fnav_wrap .fnav_l dl dd { float:left; width:100%; line-height:28px;}
.fnav .fnav_wrap .fnav_l dl dd a {text-decoration:none; color:#999;}
.fnav .fnav_wrap .fnav_l dl dd a:hover {text-decoration:none;color:#999;}
.fnav .fnav_wrap .fnav_r { float:right; width:350px;}
.fnav .fnav_wrap .fnav_r .cinfo { float:left; width:230px; margin-top:32px; color:#999;}
.fnav .fnav_wrap .fnav_r .cinfo .ctit { float:left; padding:4px 12px; border-radius:2px; font-size:14px; font-weight:400; color:#fff; background-color:#0094e4; border-color:#46b8da;}
.fnav .fnav_wrap .fnav_r .cinfo .call { float:left; width:100%; font-size:24px; margin-top:20px; margin-bottom:10px;}
.fnav .fnav_wrap .fnav_r .cinfo .time { float:left; width:100%;}
.fnav .fnav_wrap .fnav_r .weixin { float:left; width:120px; margin-top:32px;}
.fnav .fnav_wrap .fnav_r .weixin dl { float:left; width:100%;}
.fnav .fnav_wrap .fnav_r .weixin dl dt { float:left; width:100%;}
.fnav .fnav_wrap .fnav_r .weixin dl dt img { width:120px;}
.fnav .fnav_wrap .fnav_r .weixin dl dd { float:left; width:100%; line-height:35px; text-align:center; color:#999;}

.foot { float:left; width:100%; min-width:1024px; margin-top:35px;}
.foot .foot_wrap { width:800px; height:36px; margin:0px auto; background:url(../a_images/public/foot_line.jpg) no-repeat left top;}
.foot .foot_wrap ul li { float:left; width:795px; color:#333; text-align:right; padding:10px 5px 10px 0;}
.foot .foot_wrap ul li span { margin:0px 12px;}
.foot .foot_wrap ul li.fr { float:left; padding:5px 10px 10px 0;}
.foot .foot_wrap ul li a {text-decoration:none; color:#333;}
.foot .foot_wrap ul li a:hover {text-decoration:underline;color:#006699;}
.foot .foot_wrap ul li.fr span { margin-left:10px; margin-right:0;}

.ggleft { float:left; width:260px; height:auto;}
.ggleft .sub-menuBox { float:left; width:100%; height:auto;}
.ggleft .sub-menuBox .title { float:left; width:240px; padding: 0 10px; height: 50px; line-height: 50px; overflow: hidden; text-align: center; color: #fff; background: #333;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.ggleft .sub-menuBox .sub-menu { float:left; width:218px; padding:10px 20px 20px; border:1px solid #ccc; background: #ededed;}
.ggleft .sub-menuBox .sub-menu ul li { margin-top:10px; position: relative; zoom:1; height:39px; line-height:39px; overflow: hidden; font-weight:normal; background: #fff; padding:0 20px;font-size:14px;}
.ggleft .sub-menuBox .sub-menu ul li:before,
.ggleft .sub-menuBox .sub-menu ul li:after{ content: ""; position: absolute; width:0; height:0; overflow:hidden; border-width:14px 14px; border-style:solid; }
.ggleft .sub-menuBox .sub-menu ul li:before{ left: -14px; bottom: 0; border-color: transparent transparent #ededed transparent;}
.ggleft .sub-menuBox .sub-menu ul li:after{ right: -14px; top: 0; border-color: #ededed transparent transparent transparent;}

.ggleft .sub-contact { float:left; width:100%; height:auto; margin-top:20px; margin-bottom:20px;}
.ggleft .sub-contact .title { float:left; width:240px; padding: 0 10px; height: 50px; line-height: 50px; overflow: hidden; text-align: center; color: #fff; background: #333;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.sub-contact .u-con { float:left; width:260px; background: #ededed;}
.sub-contact .u-con ul{ margin-top: -1px; border-bottom: solid 1px #ddd;}
.sub-contact .u-con li{ border-top: solid 1px #ddd; border-bottom: solid 1px #fff; padding: 14px 0; line-height: 22px; overflow: hidden; font-size: 14px; font-weight: bold; text-align: center;}
.sub-contact .u-con li,
.sub-contact .u-con a{ color: #666;}
.sub-contact .u-con a{ display: inline-block; *display: inline; zoom:1; vertical-align: top;}
.sub-contact .u-con a:hover{ color: #cb2121;}
.sub-contact .u-con li i.ico{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: 0 8px 0 0; width: 22px; height: 22px; overflow: hidden; background: url(../a_images/public/ico-contact.png) no-repeat;}
.sub-contact .u-con li.qq i.ico{ background-position: 0 0;}
.sub-contact .u-con li.tel i.ico{ background-position: 0 -22px;}
.sub-contact .u-con li.fax i.ico{ background-position: 0 -44px;}
.sub-contact .u-con li.eMail i.ico{ background-position: 0 -66px;}

.sub-contact li.child-even{ background: #efefef;}
.sub-contact li.child-odd{ background: #f5f5f5;}


.ggright { float:right; width:260px; height:auto;}
.ggright .newslist { float:left; width:100%; height:auto; margin-top:20px;}
.ggright .newslist .title { float:left; width:260px; height:34px; line-height:34px; border-bottom:1px solid #ddd;}
.ggright .newslist .title h3{ float:left; width:100px; font-size:16px;}
.ggright .newslist .title a { display:inline-block; float:right; width:60px; line-height:36px; text-align:right;}
.ggright .newslist .con { float:left; width:260px; margin-top:10px;}
.ggright .newslist .con ul li { float:left; width:247px; height:28px; line-height:28px; font-size:12px; color:#333; background:url(/a_images/public/icon.jpg) no-repeat left center; padding-left:10px; overflow:hidden;}
.ggright .jxcases { float:left; width:100%; height:auto; margin-top:20px;}
.ggright .jxcases .title { float:left; width:100%; height:34px; line-height:34px; border-bottom:1px solid #ddd;}
.ggright .jxcases .title h3 { float:left; width:100px; font-size:16px;}
.ggright .jxcases .title a { display:inline-block; float:right; width:60px; line-height:36px; text-align:right;}
.ggright .jxcases .con { float:left; width:260px; margin-top:5px;}
.ggright .jxcases .con dl { float:left; width:260px; margin-top:10px; margin-bottom:5px; font-size:12px; color:#333;}
.ggright .jxcases .con dl dt { float:left; width:260px; height:167px;}
.ggright .jxcases .con dl dt img { width:258px; height:165px; border:1px solid #ddd;}
.ggright .jxcases .con dl dd { float:left; width:260px; line-height:30px;}
.ggright .jxcases .con dl dd.zy { float:left; width:260px; line-height:20px;}
.ggright .jxcases .con dl dd a { text-decoration:none; color:#333; font-weight:bold;}
.ggright .jxcases .con dl dd a:hover { text-decoration:none;color:#0067AC;}
.ggright .jxcases .more { float:left; width:260px; margin-top:10px; padding-bottom:20px;}
.ggright .jxcases .more a { text-decoration:none; color:#FFF; display:inline-block; line-height:30px; text-align:center; background-color:#999; padding-left:12px; padding-right:12px;}
.ggright .jxcases .more a:hover { text-decoration:none; color:#FFF; display:inline-block; line-height:30px; text-align:center; background-color:#7aa800; padding-left:12px; padding-right:12px;}