@charset "utf-8";
/* CSS Document */

.main{ width:980px; overflow:hidden; margin:1px auto 0px; background-color:#fff;}

.jsNav a{ background-image:url(../images/bg.png); background-repeat:no-repeat;}
.banner{ background-color:#e3ecf1; width:100%; height:318px; position:relative; position:relative; z-index:4; }
.banner img{ width:980px; height:318px;}
.jsNav{ position: absolute; bottom: 0px; font-family: Arial, Helvetica, sans-serif; height: 30px; right: 10px; font-weight: bold }
.jsNav a{ line-height: 13px; width: 13px; float: left; vertical-align: middle;  margin-right:5px;  background-position:-92px -71px; font-size:1px;}
.jsNav a.imgSelected { background-position:-70px -71px;}
.banner h3{ height:32px; line-height:32px; padding:0px 15px; background-color:#22608f; color:#FFF; font-size:14px;  font-weight:bold; position:absolute; bottom:0px; left:0px; width:308px;}
.banner h3 em{ float:right; font-size:11px;}
.banner h3 em a{ color:#fff;}

.otherbanner{ width:980px;}

.prolist dl dd a.contactbtn,.proinfo dd a.contactbtn,.message li span input.btnstyle2{ background-image:url(../images/bg.png);}
.leftmenu dd a{ background-image:url(../images/icon.png); background-repeat:no-repeat;}

.centerBox{ width:980px; background-color:#d3e6ef; height:219px; overflow:hidden;}
.centerBox .industry{ width:338px; float:left; overflow:hidden; height:219px; background-color:#2f7faf;}
.centerBox .industry img{ margin:5px auto 0px; display:block;}
.centerBox .industry dl{ width:308px; padding:5px 15px; color:#FFF; }
.centerBox .industry dl dt{ color:#fff; line-height:18px;}
.centerBox .industry dl dt a{ color:#fff; font-weight:bold; text-decoration:underline; margin-right:5px;}
.centerBox .industry dl dt a:hover{ color:#d3e6ef;}
.centerBox .industry dl dd{ width:100%; display:block; overflow:hidden; line-height:14px; margin-top:5px;}
.centerBox .industry dl dt a.nobold{ font-weight:normal;}

.centerBox .aboutus{ width:340px; float:left; overflow:hidden; padding:0px 15px 0px 10px; border-right:1px solid #e6f1f6; margin-top:10px; height:205px;}
.centerBox .aboutus h3{ line-height:20px;}
.centerBox .aboutus h3 span,.recommend div h3 span{ font-size:18px; color:#3f3f3f; font-family:"微软雅黑"; font-weight:bold;}
.centerBox .aboutus dl{ width:100%; overflow:hidden; color:#3f3f3f; margin-top:8px;}
.centerBox .aboutus dl dt{ width:126px; height:126px; float:left;}
.centerBox .aboutus dl dd{ width:204px; float:right; line-height:17px;}
.centerBox .aboutus dl dd h4{ font-weight:bold;}
.centerBox .aboutus dl dd a.more{ margin-left:8px; text-decoration:underline; color:#3f3f3f;}
.centerBox .aboutus dl dd a{ color:#3f3f3f;}
.centerBox .aboutus dl dd a:hover{ color:#22608f;}

.centerBox .news{ width:241px; padding:0px 15px 0px 20px; border:0px;}
.centerBox .news ul{ margin-top:13px;}
.centerBox .news ul li{ line-height:20px;}

.recommend{ width:950px; background-color:#ededed; overflow:hidden; margin-top:6px; padding:0px 15px 10px;}
.recommend div{ width:950px; overflow:hidden; padding:8px 0px 13px;}
.recommend div em{ float:right;}
.recommend div em a{ color:#666; font-weight:bold;}
.recommend div em a:hover{ color:#22608f;}
.recommend div h3{ width:500px; float:left; line-height:20px;}
.recommend dl{ width:305px; overflow:hidden; float:left; padding:0px 10px 15px 0px; height:142px;}
.recommend dl dt{ display:block; width:116px; float:left; border:1px solid #333;}
.recommend dl dt img{ width:116px; height:116px;}
.recommend dl dd{ float:right; width:175px; color:#4a4a4a; overflow:hidden;}
.recommend dl dd h4 a{ font-size:14px; color:#22608f; text-decoration:underline; font-weight:bold;}
.recommend dl dd h4 a:hover{ color:#333;}
.recommend dl dd span{ display:block; width:100%; line-height:16px; color:#666;}
.recommend div.clear{ width:100%; padding:0px; margin:0px; line-height:0px; font-size:0px; height:0px; clear:both; float:none;}


.contentBox{ width:980px; margin:8px auto 0px; overflow:hidden; padding-bottom:20px;}
.current{ height:27px; line-height:27px; color:#999; background-color:#e6e6e6; padding:0px 10px;}
.current a{ color:#999;}
.current a:hover{ color:#00406c;}

.leftBar{ width:265px; float:left; overflow:hidden;}
.leftmenu{ width:100%; background-color:#00a1e1; padding:20px 0px 30px;}
.leftmenu dd{ display:block; height:24px; line-height:24px;  padding-left:10px; font-size:16px;}
.leftmenu dd a{ background-position:10px -121px; padding-left:23px;}
.leftmenu dd a.on{ text-decoration:underline; color:#fff000;}
.leftmenu dd a:hover{ color:#fff000;}

.rightBar{ width:707px; float:right; line-height:20px; overflow:hidden; color:#434343;}
.rightcontent{ width:687px; margin:15px auto 0px; overflow:hidden;}

.historyList{ width:100%;}
.historyList li{ height:auto; width:100%; overflow:hidden; padding-bottom:20px; line-height:19px;}
.historyList li i{ float:left; width:60px; font-weight:bold; font-size:14px;}
.historyList li span{ float:left; width:600px;}

.picturelist{ width:680px; overflow:hidden;}
.picturelist li{ float:left; width:190px; text-align:center; padding:0px 45px 30px 0px;}
.picturelist li span img{ width:188px; height:188px; border:1px solid #ccc;}
.picturelist li.nopright{ padding-right:0px;}

.prolist,.newslist,.exhibitionlist dl{ margin-bottom:10px; width:100%; overflow:hidden;}
.prolist dl{ width:340px; float:left; height:135px; overflow:hidden; padding-bottom:25px;}
.prolist dl dt{ display:block; width:135px; height:135px; float:left;}
.prolist dl dt span{ display:table-cell; *display:block; text-align:center; vertical-align:middle; width:133px; height:133px; *font-size:110px; border:1px solid #ccc; background-color:#FFF;}
.prolist dl dt span img{ vertical-align:middle;}
.prolist dl dd{ width:176px; padding:0px 10px; float:left;}
.prolist dl dd h4{ margin-bottom:3px;}
.prolist dl dd h4 a{ font-size:14px; color:#203390; font-weight:bold; text-decoration:underline;}
.prolist dl dd span{ display:block; color:#666;}
.prolist dl dd a.contactbtn,.proinfo dd a.contactbtn{ width:77px; height:21px; background-position:-111px -313px; display:block; font-size:0px; line-height:0px; text-indent:1000; overflow:hidden; margin-top:5px;}

.protit{ font-size:16px; font-weight:bold; color:#333;}
.proinfo{ width:100%; overflow:hidden; margin:15px auto 15px; color:#333;}
.proinfo dt{ width:300px; height:266px; float:left; text-align:center;}
.proinfo dt span{ display:table-cell; *display:block; text-align:center; vertical-align:middle; width:298px; height:264px; *font-size:216px; border:1px solid #ccc; background-color:#FFF;}
.proinfo dt span img{ vertical-align:middle;width: 300px;height: 264px;}
.proinfo dd{ width:370px; float:right; margin-bottom:4px; overflow:hidden; border-bottom:1px dashed #ddd; line-height:20px; padding-bottom:4px;}
.proinfo dd a.contactbtn{ width:109px; height:36px; background-position:-112px -336px; margin:10px 0px 0px 100px;}
.proinfo dd em{ width:150px; float:left; text-align:right;}
.proinfo dd span{ width:210px; float:right; font-weight:bold;}
.proinfo dd.nobd{ border:0px;}

.procont{ color:#666;}
.prodtit{ font-size:14px; color:#333; margin-bottom:10px; border-bottom:1px solid #666; height:26px; padding-left:10px;}
.proBox{ width:670px; padding:0px 10px 20px;}

.message{ width:676px; padding:20px 0px 0px; overflow:hidden; }
.message li{ display:block; overflow:hidden; width:675px; clear:none;}
.message li em{ display:inline-block; float:left; width:141px; text-align:right; font-weight:bold; line-height:24px; padding:6px 10px 6px 0px;}
.message li em i{ color:#ff0000; margin-right:3px;}
.message li span{ display:inline-block; width:510px;  padding:6px 0px 6px 10px;}
.message li span input{ border:1px solid #dfdfdf; background-color:#FFF; width:314px; height:22px; padding:0px 3px; line-height:22px;}
.message li textarea{ width:400px; height:134px;}
.message li span input.btnstyle2{ width:63px; height:24px; border:0px; background-position:left -367px; cursor:pointer;}

.inquiryBox{ padding:0px auto; border:0px;}
.inquiryBox li{ display:block; border:0px;}
.inquiryBox li span{ border:0px; padding-left:0px;}

.newslist{ margin-bottom:20px;}
.newslist li{ padding:0px 0px 5px 0px; margin-bottom:5px; border-bottom:1px dotted #c2c2c2; }
.newslist li em{ float:right; font-family:Arial, Helvetica, sans-serif; color:#8c8c8c;}
.newslist li a{ color:#414141;}

.exhibitionlist dl{ margin-bottom:25px;}
.exhibitionlist dl dt{ width:84px; height:84px; float:left;}
.exhibitionlist dl dt img{ width:82px; height:82px; border:1px solid #d0cece;}
.exhibitionlist dl dd{ width:590px; float:right;}
.exhibitionlist dl dd h2 a{ color:#414141; text-decoration:underline; font-weight:bold;}
.exhibitionlist dl dd span{ color:#999; display:block;}

.newstit{ font-size:16px; color:#203390; text-align:center;}
.newstime{ text-align:center; color:#9d9c9c; border-bottom:1px dotted #d7d7d7; padding-bottom:10px;}
.newscont{ font-size:14px; padding:20px 0px 0px 0px; color:#666;}

.conactinfo{ width:340px; float:left; padding-left:10px; margin-top:20px;}
.conactinfo dt{ font-size:14px; font-weight:bold; margin-bottom:10px;}
.mbot10{ margin-bottom:10px;}
.contactimg{ width:333px; float:left;}