﻿ 


@import url("public.css");

  .contentborder{ width:970px; margin:0 auto; overflow:hidden; position:relative;}
.content{ width:940px; margin:0 auto; overflow:hidden; background:url(img/contentbg.png) repeat-y; padding:10px 15px; position:relative;}
.banner{ width:960px; height:215px; margin:0 auto;}
.bodyleft{ position:relative;width:227px; float:left; background:url(img/leftbg.png) bottom  repeat-y; padding-top:34px;}
.leftcontent{ width:225px; background:url(img/leftbtnbg.png) bottom no-repeat;  overflow:hidden;padding:0 1px 80px 1px; }
.lefttit{ width:221px; height:34px; background:url(img/lefttit.png) no-repeat; padding-left:28px; position:absolute; left:0; top:0; font: normal 14px/34px "Arial"; color:#FFF;}
.lefttit font{ font-family:Arial, Helvetica, sans-serif; padding-left:5px;}
 .red{ color:#cd1604}
/*左侧导航*/
.leftnav{width:225px; overflow:hidden;overflow:hidden; }
.leftnav li{ position:relative;width:190px;line-height:32px;  float:left; background:url(img/leftli.png) no-repeat; padding:0px 0 0 35px;  color:#666; overflow:hidden; }

.leftnav li span{cursor:pointer ;}
.leftnav ul li a{color:#666; width:190px;padding:0px 0 0 35px;  float:left;overflow:hidden; text-decoration:none; margin-left:-35px;}
.leftnav li a.hot,.leftnav li a:hover { background:url(img/leftli.png) no-repeat -229px 0; text-decoration:none;color:#666;}

.leftnav li ul{   width:190px; border-bottom:1px #76c5f0 solid; padding:10px 0 10px 35px; float:left; margin-left:-35px;_margin-left:-17px; display:none}
.leftnav ul ul li{width:180px; line-height:25px; padding-left:10px; background:url(img/icon_02.png) 0 10px  no-repeat;}
.leftnav ul ul li a{color:#666; width:190px;padding:0px 0 0 10px;  float:left;overflow:hidden; text-decoration:none; margin-left:-10px;}
.leftnav ul ul li a.hot,.leftnav ul ul li a:hover { background:url(img/icon_03.png) 0 10px  no-repeat; text-decoration:none;color:#0782c2;}
.pro_search{ width:225px; border-top:1px #76c5f0 solid; padding-top:10px;}
.pro_search h3{ height:30px; line-height:30px; font:bold 14px/30px "Arial"; color:#0a84c3; padding-left:3px;border-bottom:1px #d2cec6 solid; margin-bottom:5px;}
.pro_search h3 font{ color:#666; font-weight:normal; padding-left:5px;font-size:12px}
.pro_search table td{ line-height:30px;}
.pro_search table td input{ width:120px; height:18px; line-height:18px; color:#999; padding:0 5px; border:1px #d2cec6 solid;}
.pro_search table td  select{ width:130px;border:1px #d2cec6 solid;}
.pro_search table td .searchbtn{ width:56px; height:22px; color:#FFF; font-weight:bold; background: url(img/searchbtn.png) no-repeat; border:none;}
.leftmap{ width:191px; height:184px; border:1px #f0f0f0 solid; padding:1px; margin:10px auto;}
.leftLink{ width:200px; margin:0 auto; padding-top:20px;}
.linkstit{ color:#0078b7; font:bold 12px/18px "Arial";}
.linkList{ width:188px; background:url(img/lingbg.png) no-repeat; padding:12px 0 0 0; margin-bottom:15px;}
.linkbody{ width:178px; line-height:20px; background:url(img/lingbg.png) bottom no-repeat; padding:0 5px 5px 5px;}

.rightbody{ width:705px; float:right;}
.right_btnbg{ width:705px; height:34px; background:url(img/right_btnbg.png) no-repeat;}
.rightbar{ width:679px; height:34px; line-height:34px; background:url(img/rightbar.png) no-repeat; border-right:1px #c6dbe4 solid; padding-left:25px;}
.rightbar .hot{ color:#1087c5}
.rightcontent{ width:663px; overflow:hidden; border-right:1px #c6dbe4 solid; border-left:1px #c6dbe4 solid; padding:10px 20px; background:#FFF;}
.productLsit{width:663px; overflow:hidden;}
.productLsit ul li{ float:left;  margin:10px 4px; _margin:10px 2px;border:1px #a4c5d6 solid;}
.productLsit ul li.hot{ border:1px #0b84c3 solid;}
.productLsit ul li .proimg_01{ width:155px; height:155px; background:#d0eafa  url(img/proImgbg_01.png) no-repeat; text-align:center; padding-top:20px;}
.productLsit ul li .proimg_02{ width:155px; height:252px; text-align:center;position:relative; }
.productLsit ul li .proimg_02 .pro02Tit{ width:150px; height:29px; background:#76c5f0; position:absolute; bottom:2px; left:2px; text-align:center; color:#FFF; font:normal 16px/30px Arial, Helvetica, sans-serif;z-index:1000}
.productLsit ul li .proimg_03{ width:210px; height:210px;  text-align:center;position:relative; }
.productLsit ul li .proimg_03 .pro03Tit{ width:207px; height:19px; background:#76c5f0; position:absolute; bottom:2px; left:2px; text-align:center; color:#FFF; font: normal 16px/19px Arial, Helvetica, sans-serif}

.productLsit ul li.proimg_04{ height:166px; width:155px;text-align:center; float:left;position:relative;}
.productLsit ul li.proimg_04 .pro04Size{ width:153px;word-spacing:4px; height:15px; background:#0093dd; position:absolute; bottom:1px; left:1px; text-align:center; color:#FFF; font: normal 11px/15px Arial, Helvetica, sans-serif}
.productLsit ul li.proimg_04 .pro04TopTit{ width:153px; height:25px; background:#0093dd; position:absolute; top:1px; left:1px; text-align:center; color:#FFF; font: normal 16px/25px Arial, Helvetica, sans-serif}
.productLsit ul li.proimg_04 .peijianTit{ width:153px; height:35px; background: url(img/peijianbg.png) no-repeat; position:absolute; bottom:1px; left:1px; text-align:center; color:#2b9ee1; font: bold 15px/35px Arial, Helvetica, sans-serif;}
.productLsit ul li.proimg_04 .sbjTit{ width:151px; height:22px; background:#76c5f0; position:absolute; bottom:2px; left:2px; text-align:center; color:#fff; font: normal 15px/22px Arial, Helvetica, sans-serif;}

.productLsit ul li .proname_01{ height:25px; width:155px; text-align:center; line-height:25px; font-weight:bold; background:#76c5f0; color:#fff;border-top:1px #a4c5d6 solid;}
.productLsit ul li .proname_02{ height:25px; width:210px; text-align:center; line-height:25px; font-weight:bold; background:#76c5f0; color:#fff;border-top:1px #a4c5d6 solid;}
.productLsit ul li a{color:#fff;display:block}
.productDetail{ background:#f0fbfe; width:660px; overflow:hidden;border:1px #c6dbe4 solid; margin:0 auto;}
.productDetail_02{width:660px; overflow:hidden; margin:0 auto;border:1px #c6dbe4 solid;}
.productDetail_02 img{ margin-top:10px;}
.proDetail_rbg{background:url(img/productbg.png) no-repeat; overflow:hidden;height:100%}
.productDetail_img{ width:330px; text-align:center;  float:left; padding:10px 0}
.productDetail_tit{ width:330px; height:30px; font:bold 14px/30px "宋体"; margin:0 auto; text-align:center; background:#a8e3fa; color:#fff; margin-bottom:10px;}
.productDetail_txt{ width:300px; float:right; padding:10px 15px; line-height:22px; }
.pro_name{ color:#0581c1; font:bold 14px/30px "宋体"}

.parameter{position:relative;width:670px; margin-top:20px; overflow:hidden;}
.parameter_class{ height:39px; width:660px;border:1px #dfdfdf solid;border-top:none;border-right:none; position:relative; z-index:100px; background:#FFF;_margin-bottom:-3px;}
.parameter_class ul{ float:left;}
.parameter_class ul li{padding:0 5px; height:39px; font: bold 13px/39px "Arial"; text-align:center; float:left; background:url(img/icon_06.png) repeat-x; cursor:pointer;border-right:1px #dfdfdf solid;}
.parameter_class ul li.hot{position:relative;  background:#FFF;border-top:1px #dfdfdf solid;border-right:1px #dfdfdf solid;}
.parameter_text{ width:630px; border:1px #dfdfdf solid; padding:15px; overflow:hidden; line-height:25px;border-top:none; }
.download{ padding:20px 10px 0 0 ;float:right; font-weight:bold;}
.parameter .download a{ color:#0782c2}
/*新闻中心*/
.newstop{ width:660px; overflow:hidden;}
.newsimg{ width:216px; height:135px; padding:2px; border:1px #e3e3e3 solid; float:left;}
.newstop_text{ width:425px; float:left; padding-left:10px;}
.newstop_text .newstop_tit{ line-height:30px; font-weight:bold; border-bottom:1px #b1b1b1 dashed; color:#1087c5}
 .newstop_text .more{ color:#1087c5}
.newstop_text p{ line-height:22px;}
.newslist{ width:660px;  overflow:hidden; padding:10px 0;}
.newslist ul li{ line-height:30px; border-bottom:1px #dbdbdb  dashed; background:url(img/icon1.png) 5px 12px no-repeat; height:30px;}
.newslist .newstit{ width:550px; float:left; padding-left:15px; }
.newslist .newsdate{width:90px; float:right; text-align:center; color:#989898}
 
.newsDetaile{width:660px; overflow:hidden;}
.newsDetaile_tit{ font:bold 16px/30px "Arial";width:660px; text-align:center; padding-bottom:10px; }
.authorInfo { width:660px; height:30px; line-height:30px; background:#fbfbfb; border-bottom:1px #f1f1f1 solid;border-top:1px #f1f1f1 solid; color:#999;text-align:center;}
 
.newsContent{ width:630px; line-height:18px;}
/*技术支持*/
.tech{ width:660px;}
.tech ul li{ width:660px; margin-bottom:3px;}
.tech ul li h3{ width:633px; height:28px; background:url(img/tech.png) no-repeat; padding-left:15px; cursor:pointer;}
.tech ul li h3 span{ height:28px; background:url(img/icon_04.png) no-repeat 0 8px; font:bold 12px/28px "Arial"; color:#171515; padding-left:16px; float:left;}
.tech ul li h3 span.hot{background:url(img/icon_04.png) no-repeat 0 -40px;}
.tech_detail{ width:630px; overflow:hidden; line-height:25px; padding:15px 0; display:none;}

.contact{ width:660px; line-height:25px; overflow:hidden;}
.contactMap{width:170px;  width:654px; height:402px; background:url(img/maps.jpg) no-repeat; cursor:pointer; position:relative}
.cnhot{ width:72px; height:45px; margin:-280px 0 0 200px; cursor:pointer; _margin-left:200px; position:relative; z-index:10000}
#cnmaps{position:absolute;display:none;z-index:2; background:url(img/cnmap.png) no-repeat; margin:-280px 0 0 -100px; width:285px; height:245px;}
.zoomhide{ margin-left:-10000px;}
/*jQzoom*/
div.zoomdiv {z-index:999;position : absolute;width: 200px;height: 200px;background: #ffffff;border:1px solid #CCCCCC;display:none;text-align: center;overflow: hidden;
}
div.jqZoomPup {z-index: 999;visibility: hidden;position : absolute;top:0px;left:0px;width : 50px;height : 50px;border: 1px solid #aaa;background: #ffffff url(img/zoomlens.gif) 50% top  no-repeat;;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);
}


.applyOnline{ width:630px; margin:15px 0;}
.applyOnline td{ line-height:40px;}
.applyOnline td textarea{ border:1px solid #bbbbbb; width:380px; height:150px; }
.submit,.reset{ width:79px; height:25px; line-height:25px; background:url(img/reg.png) no-repeat; border:none; color:#FFF; font-weight:bold; float:left;}
.submit{ background-position:0 0; margin-right:15px;}
.reset{ background-position:-84px 0}
.input{ border:1px solid #bbbbbb; width:335px; height:22px; line-height:22px; padding-left:3px;} 

.about{ width:940px;overflow:hidden;}
.aboutbar{ width:914px; height:34px; line-height:34px; background:url(img/rightbar.png) no-repeat; border-right:1px #c6dbe4 solid; padding-left:25px;}
.aboutbar .hot{ color:#1087c5}
.about_content{border-right:1px #c6dbe4 solid; border-left:1px #c6dbe4 solid; background:#FFF;overflow:hidden;padding:10px 20px; line-height:22px;}
.aboutbtn{ width:960px; height:34px; background:url(img/aboutbtn.png) no-repeat; _background:url(img/aboutbtn.png) 2px 0 no-repeat;}


.pages{ width:660px; height:36px; margin:10px 0; text-align:center; line-height:36px ; _padding-top:8px;border-bottom:1px #d2cec6 solid;border-top:1px #d2cec6 solid;}
.pages a{ padding:0 5px;}
.pages .btn{ width:43px; height:18px; background:url(img/pagebtn.png)  no-repeat; border:none; color:#fff }
.pages .input{ width:20px; text-align:center;}


.videoLsit{width:663px; overflow:hidden;}
.videoLsit ul li{ float:left;  margin:10px 4px; _margin:10px 2px;}
.videoLsit ul li .videoImg{ width:155px; height:125px;  text-align:center;border:1px #a4c5d6 solid;}
.videoLsit ul li .videoTit{ height:25px; width:155px; text-align:center; line-height:25px; font-weight:bold; color:#fff;}