@charset "utf-8";
body { margin:0; padding:0;	font-size: 12px; color:black; line-height:18px; background:url(images/bj.jpg) center repeat-y #ffffff; font-family:"宋体"}
a,a:visited,a:active{ color:black; text-decoration:none}
a:hover{text-decoration:underline}
a.un,a.un:visited,a.un:active{ color:black; text-decoration:underline}
a.un:hover{text-decoration:none}
div,ul,li,td{ word-break:break-word}
input,select{ font-size:12px;}
ul,li,form,h1,h2,h3,h4,h5,dl,dt,dd{ margin:0; padding:0; list-style:none}
img{ border:0}
.clear{ clear:both; font-size:0; line-height:normal;}
.f14{ font-size:14px;}
.f13{ font-size:13px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.fb{ font-weight:bold}
.fl{float:left}
.fr{float:right}
.show{ display:inherit}
.hidden{ display:none}
.normal{ font-weight:normal}
.cursor{ cursor:pointer}
.l24{ line-height:24px;}
.l16{ line-height:16px;}
.ziti{ font-family:Arial, Helvetica, sans-serif}
.un,a.una,a.una:visited,a.una:active{ text-decoration:underline}
.red,a.reda,a.reda:visited,a.reda:active{ color:#C90101}
.red2,a.red2a,a.red2a:visited,a.red2a:active{ color:#D87A7A}
.blue,a.bluea,a.bluea:visited,a.bluea:active{ color:#0060AA}
.blue2,a.blue2a,a.blue2a:visited,a.blue2a:active{ color:#485C7F}
.black,a.blacka,a.blacka:visited,a.blacka:active{ color:#000000}
.gray,a.graya,a.graya:visited,a.graya:active{ color:#666666}
.grayb,a.grayba,a.grayba:visited,a.grayba:active{ color:#7F7F7F}
.green,a.greena,a.greena:visited,a.greena:active{ color:#47b90c}
.he,a.hea,a.hea:visited,a.hea:active{ color:#800000}
.white,a.whitea,a.whitea:visited,a.whitea:active{ color:white}
.blank10{height:10px; clear:both; line-height:10px; background:#FFFFFF}

.box{ width:937px; margin:0 auto;}
.box2{ width:930px; margin:0 auto;}
.syss{background:url(images/index_08.jpg) center center no-repeat; width:151px; height:19px; display:inline-block}
.sysssr{border:0; background:transparent; width:125px; float:left; line-height:19px; color:#999999; margin-left:3px}
.syssbt{border:0; background:transparent; width:20px; float:right}
.sybox{ width:928px; margin:0 auto; background:url(images/sybj.gif) top repeat-x; overflow:hidden}
.sydhl{ float:left; margin-left:15px; line-height:27px}
.sydhl a,.sydhl a:visited,.sydhl a:active{ display:block; float:left; padding-left:20px; font-size:14px; font-weight:bold}
.sydhl a span{ display:block; padding-right:20px; white-space:nowrap}
.sydhl a.sydhlon,.sydhl a.sydhlon:visited,.sydhl a.sydhlon:active{ background:url(images/index_20.jpg) left top no-repeat; color:#FFFFFF}
.sydhl a.sydhlon span{ background:url(images/index_21.jpg) right top no-repeat}
.sydhr{ float:right; margin-right:15px; line-height:27px}
.sydhr a,.sydhr a:visited,.sydhr a:active{ font-size:13px; color:#2F2F2F}
.sycp{ margin-top:12px; height:150px;}
.sycplist{}
.sycplist li{ width:120px; float:left; margin:0 15px; color:#E30000}
.sycppic{ border:2px solid #E2E3E5; margin-bottom:3px}
.syb{ width:900px; margin:0 auto 8px}
.bottom{ color:#7F7F7F; height:40px; background:#FFFFFF; line-height:30px; width:920px; margin:0 auto; padding:0 15px}
.keywords{margin:0 auto; padding:0 15px; display:none;}

.sybanner{ position:relative; height:302px; overflow:hidden}
.syguiz{ position:absolute; right:17px; top:10px; width:238px; height:120px; background:url(images/synews.gif) left top no-repeat; padding:3px 15px; padding-top:18px}
.syguiz li{ line-height:16px; margin:5px auto; width:228px; color:#CD0000; background:url(images/reddot.gif) 0 7px no-repeat;padding-left:10px; float:left}

/*about*/
.main{ width:938px; margin:0 auto; background:url(images/about_24.jpg) center top repeat-y}
.main1{ width:938px; margin:0 auto; background:url(images/about_26.jpg) center bottom no-repeat; padding-bottom:30px; position:relative}

.left{ float:left; width:182px; margin-left:12px;background:url(images/leftbj.gif) 2px top no-repeat ; min-height:487px; height:auto!important; height:487px; display:inline}
.left h3{ background:url(images/about_03.jpg) center bottom no-repeat #FFFFFF; line-height:25px; padding-top:5px; color:#014FA2; font-size:13px; text-indent:1em}
.left li{ float:left; margin-left:6px; display:inline}
.left li a,.left li a:visited,.left li a:active{ display:block; width:171px; line-height:26px; text-indent:2em; background:url(images/about_11.jpg) left bottom no-repeat; color:#4B4B4B; font-weight:bold; font-size:13px;}
.left li a.lefton,.left li a.lefton:visited,.left li a.lefton:active{background:url(images/about_09.jpg) left bottom no-repeat; color:#D44645; }

.leftsub li a,.leftsub li a:visited,.leftsub li a:active{display:block; width:171px; line-height:26px; text-indent:3em; background:url(images/service_08.jpg) left bottom no-repeat; color:#4B4B4B; font-weight:normal; font-size:12px;}
.leftsub li a.leftsubon,.leftsub li a.leftsubon:visited,.leftsub li a.leftsubon:active{background:url(images/service_06.jpg) left bottom no-repeat; color:#D44645;}

.right{ width:725px; float:right; margin-right:11px; display:inline; }
.banner{ background:#FFFFFF; padding-top:5px}
.position{ background:url(images/about_14.jpg) top repeat-x #FFFFFF; line-height:24px;}
.lm{ background:url(images/lm.gif) top repeat-x;color:#014FA2; font-size:13px; line-height:26px; font-weight:bold; margin:0 1px}
.nr{ background:url() top repeat-x #FFFFFF; margin:2px; padding:15px; color:#656565; line-height:20px;}
/*news*/
.mainnews{background:url(images/news_13.jpg) center top repeat-y}
.mainnews1{background:url(images/news_15.jpg) center bottom no-repeat}

.newsleft{ width:523px; float:left}
.newsleft1{ background:#FFFFFF}
.newsleft1pic{ border:1px solid #D1D1D1; padding:1px; float:left; width:204px; height:120px; overflow:hidden}
.newsleft1nr{ float:right; width:310px; color:#666666; line-height:19px;}
.newsleft2{ background:url(images/news_07.jpg) top repeat-x; margin:0 1px}
.newsleft2 h3{color:#014FA2; font-size:13px; line-height:26px; font-weight:bold;}
.newsleft2 li{ background:url(images/newsdot.gif) left bottom no-repeat; line-height:30px; text-indent:1.2em; height:30px; color:#666666; width:95%; margin-left:10px; float:left; display:inline}
.newsleft2 li a{ float:left;color:#666666}
.newsleft2 li span{ float:right}
.newsright{float:right;background:url(images/newsright.gif) top repeat-x; margin:0 1px; width:192px; display:inline}
.newsright h3{color:#014FA2; font-size:13px; line-height:26px; font-weight:bold;}
.newsright li{ background:url(images/news_10.jpg) left bottom repeat-x; line-height:18px; padding:8px 5px; color:#666666; width:90%; margin-left:5px; float:left; display:inline}
.newsright li a,.newsright li a:visited,.newsright li a:active{ background:url(images/reddot.gif) left 5px no-repeat;color:#666666; padding-left:10px}

.proleft{ margin-left:14px; bottom:13px; height:184px; background:url(images/pro.gif) left top no-repeat; width:179px; padding-top:30px}
.proleft li{ line-height:16px; color:#CD0000; background:url(images/reddot.gif) 0 7px no-repeat;padding-left:10px; margin:5px 10px; float:left; width:145px;  display:inline}
/*pro*/
.mainpro{background:url(images/pro_17.jpg) center top repeat-y}
.mainpro1{background:url(images/pro_18.jpg) center bottom no-repeat}


.productleft{ width:561px; float:left}
.productleft2{}
.productleft2 li{line-height:30px; width:126px; margin:5px 5px; line-height:15px; text-align:center; float:left; display:inline}
.prohot{position:absolute; top:5px; left:90px; display:none}
.productleft2 li div{ background:url(images/landot.gif) 5px 5px no-repeat; padding-left:15px; text-align:left; width:70%; height:30px; overflow:hidden}
.productleft2 li a,.productleft2 li a:visited,.productleft2 li a:active{ float:left;color:#0050A1}
.proright{float:right;background:url(images/newsright.gif) top repeat-x; margin:0 1px; width:157px; display:inline}
.proright h3{background:url(images/newsright.gif) top repeat-x;color:#014FA2; font-size:13px; line-height:26px; font-weight:bold;}
.proright li{ background:url(images/reddot.jpg) left top repeat-x; line-height:18px; padding:3px 5px; color:#666666; width:90%; margin-left:5px; float:left; display:inline}
.proright li a,.proright li a:visited,.proright li a:active{ background:url(images/reddot.gif) left 5px no-repeat;color:#666666; padding-left:10px}

.cpright{ padding:10px; line-height:19px; color:#666666}
.fy{ text-align:center; clear:both; padding:10px;color:#999999}
.newstit{ text-align:center; font-size:14px; font-weight:bold; color:#333333; line-height:35px;}
.newssub{ color:#aaaaaa; text-align:center; padding-bottom:20px;}

.pronrbt{ background:#eeeeee; margin-bottom:20px; height:27px; overflow:hidden}
.pronrbt a,.pronrbt a:visited,.pronrbt a:active{ display:block; float:left; border:1px solid #CCCCCC; background:#f9f9f9; padding:0 10px; font-weight:bold; color:#666666; margin-top:5px}
.pronrbt a.pronrbton,.pronrbt a.pronrbton:visited,.pronrbt a.pronrbton:active{ border:1px solid #aaaaaa; border-bottom:1px solid #FFFFFF; background:#ffffff;color:#cc0000; line-height:25px; margin-top:0}

.servicel{ width:80px; height:260px; float:left; }
#showArea{ height:210px; overflow:hidden}
img.thumb_img {cursor:pointer;display:block; float:left; border:1px solid #dddddd; margin-bottom:5px}
.cpdt{ float:left; width:360px; height:270px; margin-right:10px; border:1px solid #cccccc; padding:3px}

.productxxbq{float:right;background:url(images/newsright.gif) top repeat-x; margin:0 1px; width:230px; display:inline; border:1px solid #CCCCCC; border-top:0;}
.productxxbq h3{color:#014FA2; font-size:13px; line-height:26px; font-weight:bold;}
.productxxbq li{ background:url(images/news_10.jpg) left bottom repeat-x; line-height:18px; padding:4px 5px; color:#666666; width:90%; margin-left:5px; float:left; display:inline}
.productxxbq li a,.productxxbq li a:visited,.productxxbq li a:active{ background:url(images/reddot.gif) left 5px no-repeat;color:#666666; padding-left:10px}
/*links*/
.links,.links li{list-style:none; margin:0; padding:0}
.links li{ width:100px; height:40px; float:left}
.links li img{border:0; width:88px; height:31px;}

.bdsr{ border:1px solid #CCCCCC; color:#CCCCCC; font-size:12px; background:#fafafa}
.serv li{ background:url(images/news_10.jpg) left bottom repeat-x; line-height:22px; padding:4px 5px; color:#666666; width:98%; margin-left:5px; float:left; display:inline; height:22px}
.serv li a,.serv li a:visited,.serv li a:active{ background:url(images/reddot.gif) left 8px no-repeat;color:#666666; padding-left:10px; float:left}
.serv li span{ float:right}
.zzrz{ margin-left:20px}
.zzrz img{ margin:5px 0 5px 15px;}
.zzrz li div{ background:url(images/landot.gif) 5px 5px no-repeat; padding-left:15px; text-align:left; width:80%;}