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

html { overflow-x:hidden; margin:0; padding:0; }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#555; background:#fff; font-family:"Microsoft Yahei"; overflow:hidden; }
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#555; }
a:hover { text-decoration:none; color:#309dff; }

input,textarea{ font-family:"Microsoft Yahei"; font-size:12px; color:#a1a1a1; }


.w-gray{ width:1200px; height:100%; margin:0 auto; position:relative; overflow:hidden; }

#header{ width:100%; height:120px; background:url(../images/header.png) repeat-x left top; }
#top{ width:1200px; height:100%; margin:0 auto; position:relative; }

#welcome{ height:30px; line-height:30px; position:absolute; top:0; left:0; }
#logo{ width:270px; height:90px; display:block; background:url(../images/logo.png) no-repeat left center; position:absolute; top:30px; left:0; overflow:hidden; }
#hotline{ width:240px; height:90px; background:url(../images/hotline.png) no-repeat right center; position:absolute; top:30px; right:0; overflow:hidden; }
#menu{ width:640px; list-style:none; margin:0; padding:0; position:absolute; top:30px; left:300px; z-index:200; }
#menu li{ width:80px; line-height:90px; float:left; position:relative; }
#menu li:hover,#menu li.on{ background:#309dff; }
#menu li a{ width:100%; height:90px; display:block; text-align:center; font-size:14px; color:#333; }
#menu li a:hover,#menu li.on a{ color:#fff; }

#search{ width:100%; height:50px; background:#f5f5f5; overflow:hidden; }


#todayRecommed{ width:800px; height:50px; margin:0; padding:0; float:left; overflow:hidden;  }
#todayRecommed dt{ height:50px; line-height:50px; font-weight:bold; float:left; }
#todayRecommed dd{ height:50px; line-height:50px; margin:0; padding:0; float:left; margin:0 6px; }

#topSearch{ width:280px; height:30px; display:block; float:right; margin:10px 0 0 0; background:url(../images/search.png) no-repeat left top;overflow:hidden; }
.topkey{ width:240px; height:30px; line-height:30px; padding:0 0 0 6px; margin:0; border:0; background:none; outline:0; float:left; font-size:12px; }
.topbtn{ width:30px; height:30px; margin:0; padding:0; border:0; outline:0; background:none; cursor:pointer; float:right; }

#banner{width:100%; overflow:hidden; }
.mainbanner{height:400px;overflow:hidden; position:relative; }
.mainbanner_window{left:50%;width:1920px;height:400px;overflow:hidden;margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:400px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:1920px;height:400px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{ width:90px; height:20px; position:absolute; bottom:20px; left:50%; list-style:none; margin:0 0 0 -45px; padding:0;  }
.mainbanner_list li{width:30px;height:20px; float:left; margin:0; overflow:hidden; }
.mainbanner_list a{ width:100%;height:20px; margin:0; background:url(../images/h1.png) no-repeat center center; overflow:hidden;float:left;}
.mainbanner_list li.active a,.mainbanner_list li a:hover{ background:url(../images/h2.png) no-repeat center center; }


/* #footer{ width:100%; background:#309dff; overflow:hidden; } */
#footer{ width:100%; background:#309dff; }
.fmenu{ width:100%; height:60px; line-height:60px; background:url(../images/linksbg.png) repeat-x left top; font-size:14px; text-align:center; overflow:hidden; }
.fmenu a{ color:#000; }
.fmenu span{ margin:0 20px; color:#000; }

.iLinks{ width:100%; line-height:2; margin:16px 0 0 0; padding:0; text-align:center; color:#fff; overflow:hidden;  }
.iLinks a{ color:#fff; margin:0 3px; }
/* .copr{ width:100%; margin:6px 0 16px 0; padding:0; line-height:30px; font-size:12px; text-align:center; color:#fff; overflow:hidden; } */
.copr{ width:100%; margin:6px 0 16px 0; padding:0; line-height:30px; font-size:12px; text-align:center; color:#fff;  }



.foot{ width:100%; height:140px; padding:30px 0; overflow:hidden; }
#flogo{ clear:both; float:left; margin:26px 0 0 0; }
#wechat{ float:left; margin-left:50px;}
#wechat img{ display:block; max-height:140px; }



.basic{ width:100%; overflow:hidden; }
.basicL{ width:402px; clear:both; float:left; overflow:hidden; }
.basicR{ margin:0 0 0 432px; overflow:hidden; }
.basicR h1{ margin:0; padding:0; font-size:24px; font-weight:bold; color:#30a9ff; }
.basicR p{ margin:0; padding:10px 0; line-height:2; font-size:14px; color:#666; }
.diypdf{ position:absolute; bottom:0; right:0;}

.diycustomerservice{ width:100%; margin:10px 0 0 0; padding:0; font-size:30px; color:#e5221c; background:url(../images/lxtel.png) no-repeat left center; font-family:"Times New Roman", Times, serif; font-weight:bold; text-indent:40px; }

.diyCpxq{ width:100%; border-bottom:4px solid #29abe2; margin:20px 0 0 0; overflow:hidden; }
.diyCpxq span{ float:left; padding:6px 20px; background:#29abe2; font-size:14px; font-weight:bold; color:#fff; }

.diyRxcp{ width:100%; height:36px; line-height:36px; background:#29abe2; margin:20px 0 0 0; font-size:14px; font-weight:bold; color:#fff; text-indent:20px; overflow:hidden; }
.diyRxcp a{ float:right; margin-right:10px; color:#fff; font-size:12px; font-weight:normal;}

.diyMain{ width:1051px; margin:0 auto; overflow:hidden; }


/*图片放大镜样式*/
.jqzoom{float:left; position:relative; cursor:pointer; display:block;}
.jqzoom img{ width:400px; height:320px; border:1px solid #d2d2d2; }
.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:400px;height:320px;background:#ffffff;border:1px solid #e6e6e6;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:60px;height:60px;border:1px solid #ccc;background:#fff;opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{ width:400px; height:320px; }
.spec-scroll{ width:400px; height:66px; margin:10px 0 0 0; position:relative; overflow:hidden; }
.spec-scroll .prev{ width:10px; height:66px; float:left; background:url(../images/left.gif) no-repeat left center; cursor:pointer; }
.spec-scroll .next{ width:10px; height:66px; float:right; background:url(../images/right.gif) no-repeat right center; cursor:pointer; }
.spec-scroll .items{float:left;position:relative;width:368px;height:66px; margin:0 0 0 6px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:66px; list-style:none; margin:0; padding:0; left:0;}
.spec-scroll .items ul li{float:left;width:92px;text-align:center; cursor:pointer;}
.spec-scroll .items ul li img{border:1px solid #d2d2d2;width:80px;height:64px; background:#fff; padding:0px;  }
.spec-scroll .items ul li img:hover{border:1px solid #30a9ff; padding:0; }

.stepPrompt{ width:400px; height:36px; line-height:36px; background:#eee; margin:10px 0 0 0; padding:0 50px; text-align:center;  }
.hin1{ width:160px; height:16px; line-height:16px; border:1px solid #d2d2d2; padding:5px 10px; border-radius:3px; outline:0; background:#fff; }
.hin2{ width:60px; height:16px; line-height:16px; border:1px solid #d2d2d2; padding:5px 10px; border-radius:3px; outline:0; background:#fff; }
.hbtn1{ height:28px; line-height:28px; padding:0px 10px; background:#ccc; border-radius:3px; border:1px solid #aaa; margin:0 0 0 12px; cursor:pointer; color:#000; outline:0;  }
.hbtn2{ height:28px; line-height:28px; padding:0px 30px; background:#30a9ff; border-radius:3px; border:0px solid #aaa; cursor:pointer; color:#fff; outline:0;  }
#sendprompt{ margin:0 0 0 10px; visibility:hidden; }

#mainContent{ width:100%; overflow:hidden; }
#fullcontent{ margin:16px 0; padding:10px; border:1px solid #ddd; background:#fff; overflow:hidden; }





.iproducts{ width:100%; padding:50px 0 20px 0; background:#fff; overflow:hidden; }
.iproductsfl{ width:200px; clear:both; float:left; overflow:hidden;}
.ihotproducts{ width:940px; float:right; overflow:hidden; }
.ihotproductslist{ width:1000px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ihotproductslist li{ width:300px; height:300px; float:left; margin:0 20px 0 0; overflow:hidden; }
.ihotproductslist li img{ width:298px; height:238px; display:block; border:1px solid #d2d2d2; }
.ihotproductslist li h4{ width:100%; height:60px; line-height:60px; text-align:center; font-size:14px; font-weight:bold; overflow:hidden; }
.ihotproductslist li:hover img{ opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); }

.itc1{ width:100%; height:24px; line-height:24px; font-size:20px; margin:0; padding:0; font-weight:normal; color:#fff; text-align:center; overflow:hidden; }
.ite1{ width:100%; height:36px; line-height:34px; text-align:center; background:url(../images/it1.png) no-repeat center bottom; font-size:12px; color:#fff; }
.ite1 span{ margin:0 12px; font-family:Arial, Helvetica, sans-serif; }

.itc2{ width:100%; height:24px; line-height:24px; font-size:20px; margin:0; padding:0; font-weight:normal; text-align:center; overflow:hidden; }
.ite2{ width:100%; height:36px; line-height:34px; text-align:center; background:url(../images/it2.png) no-repeat center bottom; font-size:12px; color:#54adfd; }
.ite2 span{ margin:0 12px; font-family:Arial, Helvetica, sans-serif; }

.iadvantage{ width:100%; height:300px; padding:30px 0; background:url(../images/ys.jpg) no-repeat center top; overflow:hidden; }
.iadvantagelist{ width:1280px; list-style:none; margin:0; padding:0; overflow:hidden; }
.iadvantagelist li{ width:200px; height:200px; float:left; margin:40px 40px 0 0; overflow:hidden; }
.iadvantagelist li img{ width:73px; height:73px; display:block; margin:0 auto; }
.iadvantagelist li h4{ width:100%; height:24px; line-height:24px; margin:16px 0 0 0; font-size:18px; font-weight:bold; color:#fff; text-align:center; overflow:hidden; }
.iadvantagelist li p{ margin:10px 0 0 0; padding:0; line-height:2; font-size:12px; color:#fff; text-align:center; }
.iadvantagelist li:hover{ margin:20px 40px 0 0; }

.icompany{ width:100%; padding:30px 0 50px 0; background:#fff; overflow:hidden; }
.icompanypic{ width:360px; height:240px; clear:both; float:left; margin:30px 0 0 0; overflow:hidden; }
.icompanytext{ width:820px; float:right; margin:40px 0 0 0; font-size:13px; line-height:2; overflow:hidden; }
.icompanytext p:first-child{ margin:0; padding:0;}
a.icompanymore{ width:160px; height:40px; line-height:40px; display:block; text-align:center; margin:10px 0 0 0; background:url(../images/morebg.png) no-repeat left top; font-size:14px; color:#fff; overflow:hidden; }

.ihonor{ width:100%; padding:30px 0; background:#f5f5f5; overflow:hidden; }

.honorSlide{ width:100%; height:275px; padding:0; position:relative; margin:20px 0 0 0; overflow:hidden; }
.honorSlide .honorSlideL{display:block;position:absolute; z-index:50; width:26px;height:86px;left:0; top:75px; background:url(../images/il.png) no-repeat center center; border-radius:0 5px 5px 0; }
.honorSlide .honorSlideR{display:block;position:absolute; z-index:50; width:26px;height:86px;right:0; top:75px; background:url(../images/ir.png) no-repeat center center; border-radius:5px 0 0 5px; }
.honorSlide .honorWin{ position:absolute;left:40px; border-radius:5px; overflow:hidden;}
.honorSlide li{ width:200px; height:267px; float:left; margin:0 20px 0 0; padding:3px; border:1px solid #fff;  position:relative; overflow:hidden;}
.honorSlide li img{ width:200px; height:267px; display:block; }
.honorSlide li:hover{ border:1px solid #309dff; background:#fff; }

a.ibtn{ width:160px; height:40px; line-height:40px; display:block; text-align:center; margin:30px auto 0 auto; background:url(../images/morebg.png) no-repeat left top; font-size:14px; color:#fff; overflow:hidden;   }



.inews{ width:100%; padding:40px 0; background:#fff; overflow:hidden; }
.inewsw{ width:100%; overflow:hidden; }
.inewsL{ width:240px; height:160px; clear:both; float:left; margin:40px 0 0 0; overflow:hidden; }
.inewsR{ width:930px; float:right; overflow:hidden; }

.inewslist{ width:960px; list-style:none; margin:0 0 0 0; padding:0;  overflow:hidden; }
.inewslist li{ width:450px; height:60px; float:left; margin:40px 30px 0 0; overflow:hidden; }
.inewslist li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.inewslist li dl dt{ width:60px; height:60px; float:left; color:#fff; font-weight:bold;  font-family:Arial, Helvetica, sans-serif; background:url(../images/date.png) no-repeat left top; overflow:hidden;}
.inewslist li dl dt .dateD{ width:100%; height:36px; line-height:36px; display:block; text-align:center; font-size:24px; }
.inewslist li dl dt .dateYM{ width:100%; height:24px; line-height:24px; display:block; text-align:center; font-size:12px; }
.inewslist li dl dd{ margin:0 0 0 72px; padding:0; overflow:hidden; }
.inewslist li dl dd h4{ height:20px; font-size:14px; font-weight:bold;}
.inewslist li dl dd p{ margin:0; padding:0; line-height:20px; color:#888; overflow:hidden; }

.leftNav{ border:1px solid #d2d2d2; overflow:hidden; }
.column{ width:100%; height:60px; line-height:60px; background:#0574d8; font-size:20px; font-weight:bold; color:#fff; text-indent:20px; overflow:hidden; }

.topClass{ list-style:none; margin:0; padding:0; overflow:hidden; }
.topClass li{ width:100%; line-height:36px; float:left; margin:6px 0 0 0;   }
.topClass li a{ width:100%; height:36px; display:block; text-indent:20px; font-size:14px; font-weight:bold; background:url(../images/s1.png) no-repeat left top;  }
.topClass li a.on,.topClass li a:hover{ background:url(../images/s2.png) no-repeat left top; color:#309dff; }
.topClass li ul{ list-style:none; margin:0; padding:6px 0; background:#fff; overflow:hidden; }
.topClass li ul li{ width:100%; line-height:26px;  }
.topClass li ul li a{ height:26px; font-size:12px; font-weight:normal; color:#666; text-indent:34px; background:url(../images/a1.png) no-repeat 20px center;  }
.topClass li ul li a.on,.topClass li ul li a:hover{ color:#309dff; background:url(../images/a2.png) no-repeat 20px center;  }


.leftPro{ border:1px solid #e8e8e8; padding:20px; margin:20px 0 0 0; overflow:hidden; }
.leftPro h3{ width:100%; margin:0; padding:0; font-size:16px; overflow:hidden; }
.leftPro ul{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.leftPro ul li{ width:100%; margin:20px 0 0 0; overflow:hidden;  }
.leftPro ul li img{ width:186px; height:165px; display:block; border:1px solid #ccc; }
.leftPro ul li h4{ width:100%; margin:10px 0 0 0; padding:0; font-size:14px; font-weight:normal; text-align:center; overflow:hidden; }

.leftLxwm{ border:1px solid #e8e8e8; padding:20px; margin:20px 0 0 0; overflow:hidden; }
.leftLxwm h3{ width:100%; margin:0; padding:0; font-size:16px; overflow:hidden; }
.lxwmtp{ width:100%; margin:16px 0 0 0; overflow:hidden; }
.lxwmtp img{ max-width:100%; display:block; }
.lxwmxx{ width:100%; margin:12px 0 0 0; line-height:2; color:#555; font-size:14px; }
.lxwmxx p{ margin:0; padding:0; }

.ListFactory{ width:1280px; list-style:none; margin:20px 0 0 0; padding:0; overflow:hidden; }
.ListFactory li{ width:297px; height:253px; float:left; margin:0 4px 0 0; position:relative; cursor:pointer; overflow:hidden; }
.ListFactory li img{ width:297px; height:223px; display:block; }
.ListFactory li h4{ width:100%; height:30px; line-height:30px; font-size:14px; text-align:center; overflow:hidden;  }


.ListHonor{ width:1250px; list-style:none; margin:0 0 -1px 0; padding:0; overflow:hidden; }
.ListHonor li{ width:280px; height:403px; float:left;  margin:0 0 0 -1px; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:10px; overflow:hidden; }
.ListHonor li img{ width:280px; height:373px; display:block; }
.ListHonor li h4{ width:100%; margin:10px 0 0 0; font-size:12px; text-align:center; overflow:hidden; }


.ListProducts{ width:960px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListProducts li{ width:300px; height:300px; float:left; margin:0 20px 0 0; overflow:hidden; }
.ListProducts li img{ width:298px; height:238px; display:block; border:1px solid #d2d2d2; }
.ListProducts li h4{ width:100%; height:60px; line-height:60px; text-align:center; font-size:14px; font-weight:bold; overflow:hidden; }
.ListProducts li:hover img{ opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); }


.ListNews{ list-style:none; margin:-20px 0 0 0; padding:0; overflow:hidden; }
.ListNews li{ width:100%; float:left; padding:20px 0; background:url(../images/npoint.png) repeat-x left bottom; overflow:hidden; }
.ListNews li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListNews li dl dt{ width:60px; height:60px; margin:0; padding:0; float:left; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background:url(../images/date.png) no-repeat left top; overflow:hidden;  }
.ListNews li dl dt .dateD{ width:100%; height:36px; line-height:36px; display:block; text-align:center; font-size:24px; }
.ListNews li dl dt .dateYM{ width:100%; height:24px; line-height:24px; display:block; text-align:center; font-size:12px; }
.ListNews li dl dd{ margin:0 0 0 80px; padding:0; overflow:hidden; } 
.ListNews li dl dd h4{ font-size:14px; font-weight:bold; margin:0; padding:0; color:#29abe2; }
.ListNews li dl dd p{ width:100%; margin:5px 0 0 0; line-height:2; color:#888; overflow:hidden; }


.inmore{ width:90px; height:24px; display:block; background:url(../images/inmore.png) no-repeat left center; margin:10px 0 0 0;}

.ListCustomer{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListCustomer li{ width:100%; float:left; padding:20px 0; background:url(../images/npoint.png) repeat-x left bottom; position:relative; overflow:hidden; }
.ListCustomer li:first-child{ border:0;}
.ListCustomer li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListCustomer li dl dt{ width:180px; height:120px; float:left; overflow:hidden; }
.ListCustomer li dl dd{ margin:0 0 0 200px; padding:0; overflow:hidden; }
.ListCustomer li dl dd h4{ width:100%; height:30px; margin:0; padding:0; font-size:14px; color:#29abe2; overflow:hidden; }
.ListCustomer li dl dd p{ width:100%; margin:0; padding:0; line-height:2; color:#777; font-size:12px; overflow:hidden; }

.ListCase{ width:1000px; list-style:none; margin:20px 0 0 0; padding:0; overflow:hidden; }
.ListCase li{ width:310px; height:273px; float:left; margin:0 20px 0 0; overflow:hidden; }
.ListCase li img{ width:310px; height:233px; }
.ListCase li h4{ width:100%; height:40px; line-height:40px; text-align:center; margin:0; padding:0; font-size:12px; overflow:hidden; }



.inDetail{ width:66px; height:25px; display:block; position:absolute; right:0; bottom:20px; background:url(../images/view1.png) no-repeat left top; margin:10px 0 0 0; overflow:hidden; }
.inDetail:hover{ background:url(../images/view2.png) no-repeat left top; }

.diyquick{ width:100%; margin:20px 0 0 0; line-height:2; font-size:14px; font-weight:bold; color:#30a9ff; overflow:hidden; }

.ListDownload{ width:100%; list-style:none; margin:10px 0 0 0; padding:0; overflow:hidden; }
.ListDownload li{ width:100%; float:left; padding:12px 0; border-bottom:1px dashed #ddd; background:url(../images/ico2.png) no-repeat left center; text-indent:12px; overflow:hidden; }
.ListDownload li span{ float:right; }

.ListFaq{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListFaq li{ width:100%; float:left; padding:20px 0; background:url(../images/faq.png) repeat-x left bottom; overflow:hidden;}
.ListFaq li h4{ width:100%; height:17px; line-height:17px; background:url(../images/faqw.png) no-repeat left top; margin:0; padding:0; font-size:14px; text-indent:24px; overflow:hidden; }
.ListFaq li p{ margin:5px 0 0 0; padding:0 0 0 28px; background:url(../images/faqd.png) no-repeat left 5px; line-height:2; font-size:14px; color:#777; overflow:hidden;}

.diyProFine{ width:100%; overflow:hidden; }
.diyProHot{ width:100%; margin:20px 0 0 0; overflow:hidden; }


.diyProList{ width:800px; list-style:none; margin:0; padding:0; overflow:hidden; }
.diyProList li{ width:180px; height:200px; border:2px solid #ccc; background:#ccc; float:left; margin:15px 15px 0 0; overflow:hidden; }
.diyProList li img{ width:180px; height:160px; display:block; }
.diyProList li h4{ width:100%; height:40px; line-height:40px; margin:0; padding:0; text-align:center; overflow:hidden; }
.diyProList li h4 a{ font-size:14px; color:#fff; }
.diyProList li:hover{ border:2px solid #e5221c; background:#e5221c;}

.diygg{ width:1051px; height:160px; display:block; margin:0 auto; }



.diyTopic{ width:100%; overflow:hidden; }
.diyTopicTit{ width:100%; margin:40px 0; text-align:center; overflow:hidden;}

.diyTopic1{ width:100%; padding:0 0 20px 0; background:#fff; overflow:hidden; }
.diyTopic2{ width:100%; padding:50px 0; background:#f6f4f5; overflow:hidden;}
.diyTopic3{ width:100%; padding:50px 0; background:#fff; overflow:hidden;}
.diyTopicItem1,.diyTopicItem2{ width:479px; height:215px; clear:both; float:left; overflow:hidden; }
.diyTopicItem3,.diyTopicItem4{ width:479px; height:215px; clear:both; float:right; overflow:hidden; }
.diyTopicItem5,.diyTopicItem6{ width:479px; height:215px; clear:both; float:left; overflow:hidden; }
.diyTopicImgL{ position:absolute; top:0; left:0;}
.diyTopicImgR{ position:absolute; top:0; right:0;}
.diyTopicNO{ width:84px; height:94px; line-height:94px; text-indent:10px; font-size:40px; font-weight:bold; color:#fff; font-family:Tahoma, Geneva, sans-serif; font-style:italic; background:url(../images/no.png) no-repeat center center; clear:both; float:left; overflow:hidden; }
.diyTopicName{ width:375px; height:94px; background:url(../images/bg-ysb.png) no-repeat left bottom; float:left; margin-left:20px; overflow:hidden; }
.diyTopicName h3{ width:100%; font-size:24px; color:#000; margin:16px 0 0 0; padding:0; overflow:hidden; }
.diyTopicName p{ width:100%; margin:0; padding:0; line-height:2; font-size:20px; font-weight:bold; color:#ccc; font-family:Arial, Helvetica, sans-serif;  }
.diyTopicInfo{ width:375px; clear:both; float:left; margin-left:104px; overflow:hidden; }
.diyTopicInfo ul{ width:100%; list-style:none; margin:10px 0 0 0; padding:0; overflow:hidden; }
.diyTopicInfo ul li{ width:350px; line-height:2; float:left; font-size:14px; background:url(../images/bg-ysli.png) no-repeat left 10px; padding-left:16px; overflow:hidden; }
.diyTopicInfo ul li span{ color:#e5221c; }






.diyZixun{ width:100%; padding:30px 0; background:#f6f4f5; overflow:hidden; }
.diyZixunL{ width:351px; clear:both; float:left; overflow:hidden; }
.diyZixunR{ width:660px; float:right; overflow:hidden; }

.diyZixunT{ border:1px solid #c9151e; height:45px; overflow:hidden; }
.diyZixunT h3{ line-height:45px; float:left; margin:0 0 0 10px; padding:0; font-size:16px; color:#c9151e; font-weight:bold; }
.diyZixunT a{ width:44px; height:15px; background:url(../images/more.png) no-repeat left top; float:right; margin:15px 10px 0 0; }

.diyFAQList{ width:100%; list-style:none; margin:0 0 -2px 0; padding:0; overflow:hidden; }
.diyFAQList li{ width:100%; height:88px; margin:20px 0 0 0; background:url(../images/faq.png) repeat-x left bottom; overflow:hidden; }
.diyFAQList li .faqw{ width:100%; height:17px; line-height:17px; display:block; background:url(../images/faqw.png) no-repeat left top; font-size:14px; font-weight:bold; text-indent:27px; overflow:hidden;  }
.diyFAQList li .faqd{ height:48px; line-height:2; background:url(../images/faqd.png) no-repeat left 5px; font-size:14px; color:#777; margin:5px 0 0 0; padding-left:27px;  }

#tabbox{ height:100%; margin:0; padding:0; position:relative; overflow:hidden; }
#tabbox ul{ margin:0; padding:0; list-style:none; }
.tab_conbox{ list-style:none; margin:0; padding:0; }
.tab_con{ display:none; }
.tabs{ height:45px; list-style:none; margin:0; padding:0; border:1px solid #c9151e; overflow:hidden; }
.tabs li{  line-height:45px; float:left; position:relative; overflow:hidden; }
.tabs li a{  height:45px; padding:0 20px; display:block; font-size:14px; font-weight:bold; color:#c9151e;  background:url(../images/tabs.png) no-repeat left center;  }
.tabs li:first-child a{ background:none;}
.tabs .thistab{ background:url(../images/on.png) no-repeat center bottom; }	

.diyNewsHot{ width:100%; list-style:none; margin:20px 0 0 0; padding:0; overflow:hidden; }
.diyNewsHot dt{ width:180px; height:120px; margin:0; padding:2px; border:1px solid #ccc; float:left; overflow:hidden; }
.diyNewsHot dd{ margin:0 0 0 200px; padding:0; overflow:hidden;}
.diyNewsHot dd h4{ width:100%; height:30px; line-height:30px; font-size:14px; margin:0; padding:0; overflow:hidden; }
.diyNewsHot dd p{ width:100%; height:52px; line-height:26px; font-size:14px; color:#777; margin:7px 0 0 0; padding:0; overflow:hidden; }

.diydetail{ width:66px; height:25px; background:url(../images/view1.png) no-repeat center center; float:right; margin:12px 0 0 0; }
.diydetail:hover{  background:url(../images/view2.png) no-repeat center center;}

.diyNewsList{ width:690px; list-style:none; margin:10px 0 0 0; padding:0; overflow:hidden; }
.diyNewsList dd{ width:315px; height:32px; line-height:32px; margin:0 30px 0 0; padding:0; float:left; background:url(../images/ico2.png) no-repeat left center; text-indent:12px; color:#777; overflow:hidden; }
.diyNewsList dd a{ font-size:14px; color:#777; }
.diyNewsList dd:hover a{ color:#c9151e; }
.diyNewsList dd span{ float:right; }

.stockitem{ width:100%; margin:20px 0 0 0; overflow:hidden; }

.diyzlwin{ width:100%; margin:16px 0; overflow:hidden; }

.diyzltit{ border:1px dashed #ccc; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:bold; color:#0779d1; border-bottom:0; }

.diyzltab{ border-top:1px dashed #ccc; border-left:1px dashed #ccc;}
.diyzltab tr td{ border-right:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:10px 0; text-align:center; }
.diyzltab thead tr td{ font-size:14px; font-weight:bold; background:#eee; }

.zlfl{ width:100%; font-size:14px; font-weight:bold; }

#main{ width:1200px; margin:30px auto; overflow:hidden; }
#sidebar{ width:200px; clear:both; float:left; overflow:hidden; }
#content{ width:940px; float:right; overflow:hidden; }
#diycontent{ width:800px; clear:both; float:left; overflow:hidden;  }
#diyinfo{ width:296px; float:right; overflow:hidden;}


.diyProducts{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.diyPC{ width:195px; height:382px; border:4px solid #0779d1; padding:5px; clear:both; float:left; background:#fff; overflow:hidden; }
.diyPR{ width:769px; height:398px; border:1px solid #ddd; float:right; background:#fff; overflow:hidden; }

.diyColumn{ width:100%; height:83px; background:#0779d1 url(../images/t1.png) no-repeat right top; overflow:hidden; }
.diyColumn h3{ font-size:18px; margin:20px 0 0 16px; color:#fff; padding:0;  }
.diyColumn p{ margin:6px 0 0 16px; padding:0; font-size:16px; color:#fff; font-family:Arial, Helvetica, sans-serif; }

.diyseries{ height:50px; line-height:50px; border:1px solid #ddd; background:#eee; margin:10px 0 0 0;  }
.diyseries ul{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.diyseries ul li{ float:left; margin:0 16px; }
.diyseries ul li a{ font-size:14px; font-weight:bold; color:#0779d1; }

.diyseriesitem{ width:100%; height:36px; line-height:36px; margin:10px 0 0 0; background:url(../images/b1.png) repeat-x left bottom; }
.diyseriesitem a{ height:36px; display:block; float:left; background:url(../images/b2.png) repeat-x left bottom; font-size:14px; font-weight:bold; color:#0779d1;  }


.modelname{ width:100%; height:42px; line-height:34px; margin:30px 0 0 0; background:url(../images/model.png) no-repeat left top; font-size:14px; font-weight:bold; color:#fff; text-indent:32px; overflow:hidden; }

.diyintro{ width:100%; margin:10px 0 0 0; overflow:hidden; }
.diyintroL{ width:400px; float:left; line-height:2; margin:10px 0 0 0; color:#787878; overflow:hidden; }
.diyintroR{ width:300px; float:right; overflow:hidden; }
.diyintroR img{ width:300px; height:225px; }

.diyuse{ padding:10px; margin:16px 0 0 0; background:#fff; border:1px solid #ddd; overflow:hidden; }

.diytit{ width:100%; height:32px; line-height:24px; background:url(../images/b1.png) repeat-x left bottom; }
.diytitL{ height:32px; background:url(../images/b2.png) repeat-x left bottom; float:left; font-size:16px; color:#0779d1; font-weight:bold; }
.diytitR{ float:right; }

.diymore{ width:39px; height:11px; display:block; background:url(../images/more.png) no-repeat center center; margin:10px 0 0 0; }


.diyLB{ width:280px; height:280px; list-style:none; padding:10px; float:right; background:#ddd; margin:16px 0 0 0; overflow:hidden;}
.diyLB li{ width:100%; height:28px; line-height:28px; float:left; background:url(../images/icon1.png) no-repeat left center; text-indent:12px; overflow:hidden; }
.diyLB li span{ float:right; }

.storesList{ width:1050px; list-style:none; margin:0; padding:0; overflow:hidden; }
.storesList li{ width:490px; height:292px; float:left; margin:20px 20px 0 0; position:relative; }
.storesList li img{ width:490px; height:292px; display:block; }
.storesList li span{ position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; display:block; background:url(../images/black.png) repeat; }
.storesList li h4{ width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; font-weight:normal; color:#fff; background:url(../images/black.png) repeat; position:absolute; bottom:0; left:0; z-index:-1; overflow:hidden;  }
.storesList li a{ width:100%; height:100%; display:block; background:url(../images/view.png) no-repeat center center;  position:absolute; top:0; left:0; z-index:3; }
.storesList li:hover span{ z-index:-1; }
.storesList li:hover h4{ z-index:3;}

.storespic{ width:100%; margin:30px 0 0 0; overflow:hidden; }
.storespic img{ display:block; padding:5px; border:1px solid #eee; margin:0 auto; max-width:50%; }
.seotit{ width:100%; font-size:24px; color:#000; margin:20px 0 0 0; text-align:center;  }

.diypage{ margin:10px auto; }
.diyfp{ width:44px; height:36px; display:block; margin:0 5px; background:url(../images/ico_p.png) no-repeat center center; }
.diyfp1{ width:44px; height:36px; display:block; margin:0 5px; background:url(../images/ico_p1.png) no-repeat center center; }
.diyfn{ width:44px; height:36px; display:block; margin:0 5px; background:url(../images/ico_n.png) no-repeat center center; }
.diyfn1{ width:44px; height:36px; display:block; margin:0 5px; background:url(../images/ico_n1.png) no-repeat center center; }
.diyfb{ width:44px; height:36px; display:block; margin:0 5px; background:url(../images/ico_b.png) no-repeat center center; }

.diybgpic{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.diybgpic img{ max-width:100%; display:block; margin:0 auto; }
.diyspiclist{ list-style:none; margin:0; padding:0; overflow:hidden; }
.diyspiclist li{ float:left; margin:10px 10px 0 0; }
.diyspiclist li img{ height:50px; border:1px solid #e6e6e6; cursor:pointer; }

.diypitem{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.diypitem h5{ font-size:14px; font-weight:normal; margin:0; padding:0 0 8px 0; border-bottom:1px solid #e6e6e6; }
.diypitem ul{ width:320px; list-style:none; margin:0; padding:0; overflow:hidden; }
.diypitem ul li{ width:50px; height:62px; float:left; margin:10px 10px 0 0; }
.diypitem ul li img{ width:50px; height:62px; display:block; }

.diypseo{ width:100%; height:30px; border-bottom:1px solid #e6e6e6; font-size:18px; font-weight:bold; margin:20px 0 0 0; padding:0; text-align:center; overflow:hidden; }
.diyrtit{ width:100%; height:30px; line-height:30px; margin:20px 0 0 0; font-size:14px; border-bottom:1px solid #e6e6e6; overflow:hidden; }



.diybasic{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.diybasic li{ width:100%; height:38px; line-height:38px; background:url(../images/led.png) no-repeat left top; margin:3px 0 0 0; text-indent:50px; float:left; overflow:hidden; }
.diybasic li a{ font-size:14px; color:#fff; }
.diybasic li a:hover{ color:#066484; text-decoration:underline; }

#crumbs{ width:1200px; height:40px; line-height:40px; border-bottom:1px solid #d2d2d2; margin:30px auto 0 auto; font-size:12px; overflow:hidden; }


.symbol{ font-family:SimSun; margin:0 6px; }


.winiframe{ padding:12px 20px 20px 20px; background:#f8f8f8 url(../images/arrow8.png) no-repeat left top; margin:72px 0 0 0; overflow:hidden; }

.submenu{ width:100%; margin:30px 0 0 0; overflow:hidden; }
.submenu h3{ width:100%; height:41px; line-height:41px; margin:0; padding:0; background:url(../images/t1.png) repeat-x left top; font-size:20px; color:#fff; font-weight:normal; text-indent:20px; overflow:hidden; }

.diysub{ border:4px solid #0779d1; padding:5px; background:#fff; overflow:hidden; }
.diyContact{ border:4px solid #0779d1; padding:5px; background:#fff; margin:16px 0 0 0; overflow:hidden; }
.diyCT{ width:100%; height:45px; line-height:45px; background:#0779d1 url(../images/t2.png) no-repeat right top; font-size:18px; font-weight:bold; color:#fff; text-indent:16px; }
.diyCI{ width:100%; margin:6px 0 0 0; }
.diyCI img{ width:100%; display:block; }
.diyCC{ width:100%; line-height:2; padding:7px 0; overflow:hidden; }
.diyCC p{ margin:0; padding:0; }


.maintit{ width:100%; height:30px; margin:0; border-bottom:2px solid #e6e6e6; font-size:16px; color:#000; overflow:hidden; }


.bottom{ width:100%; height:40px; background:url(../images/bottom.png) no-repeat right bottom;}

.keyForm{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.keytag{ font-size:14px; color:#000; }
.keyShow{ margin:0; padding:0; font-size:24px; color:#f00; }

.tab_feedback{ margin:20px 0 0 0;}
.tab_feedback tr td{ padding:5px; font-size:12px; line-height:2; }

.fenye{ width:100%; margin:30px 0 0 0; text-align:center; overflow:hidden;  }
.fenye a{ padding:3px 10px; margin:0 2px; border:1px solid #d2d2d2; display:inline-block;*display:inline; *zoom:1; font-size:12px; color:#666; }
.fenye a.pageon,.fenye a:hover{ color:#30a9ff; border:1px solid #30a9ff;    }

.diycpdetails{ font-size:16px; color:#e70876; font-weight:bold; border-bottom:2px solid #e70876; margin:30px 0 0 0; padding:0 0 10px 0; }


.ibox{ padding:15px; height:120px; border-bottom:3px solid #d6d6d6; background:#f5f5f5; margin:15px 0 0 0; overflow:hidden; }
.ibox:hover{ border-bottom:3px solid #066484; }

.diyinContact{ width:100%; overflow:hidden; }
.diyinContactL{ width:640px; clear:both; float:left; overflow:hidden; }
.diyinContactR{ width:520px; float:right; }


.textinp{ width:180px; height:16px; line-height:16px; border:1px solid #d2d2d2; margin:0; padding:6px 10px; border-radius:3px; outline:0; background:#fff; }
.textinp2{ width:360px; height:120px; margin:0; padding:10px; border:1px solid #d2d2d2; background:#fff; outline:0; border-radius:3px; }
.textinp3{ width:80px; border:1px solid #d2d2d2; margin:0; padding:6px 10px; outline:0; background:#fff; border-radius:3px; }
.mandatory{ color:#f00;}

.fbtn{ background:#29abe2; border:1px solid #29abe2; padding:6px 40px;  border-radius:3px; font-size:14px; cursor:pointer;  color:#fff;  }


.artName{ width:100%; font-size:24px; font-weight:bold; margin:0; padding:0; text-align:center; color:#30a9ff; overflow:hidden; }
.artFunc{ width:100%; padding:20px 0; text-align:center; font-size:12px; color:#999; background:url(../images/npoint.png) repeat-x left bottom; overflow:hidden; }



.feedback-form{ width:100%; height:248px; margin:20px 0 0 0; padding:0; overflow:hidden; }
.form-in{ width:300px; height:14px; line-height:14px; margin:0; padding:10px; background:#f0f0f0; border:0; outline:0; font-size:14px; color:#afafaf;}
.form-text{ width:640px; height:120px; line-height:20px; padding:10px; margin:0; background:#f0f0f0; border:0; outline:0; font-size:14px; color:#afafaf; }
.form-btn{ width:112px; height:34px; line-height:34px; margin:0; padding:0; background:#02273b; border:0; outline:0; font-size:14px; font-size:14px; color:#fff; cursor:pointer; }
.form-btn:hover{ background:#0b94f4; }

#feedback{ width:100%; margin:20px 0 0 0; overflow:hidden; }


.diyartitem{ width:100%; overflow:hidden; }
.diyartname{ font-size:18px; font-weight:bold; margin:0; padding:20px 0 0 0; color:#e70876; }

.artItemC{ width:100%; font-size:24px; font-weight:bold; color:#309dff; overflow:hidden; }


.article{ width:100%; line-height:2; margin:20px 0; font-size:14px; overflow:hidden;  }
.article p:first-child{ margin:0; padding:0; }
.article img{ max-width:100%; }
.article table{ max-width:100%; }
.article table{ border-top:1px solid #ddd; border-left:1px solid #ddd; }
.article table tr td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:2px 5px; text-align:center; }
.article table tr td p{ margin:0; padding:0; }


.cpxq{ width:100%; margin:20px 0 0 0;  overflow:hidden; }
.pdetail{ width:220px; height:28px; line-height:28px; font-size:14px; text-align:center; color:#f30000; display:block; margin:0 auto; background:url(../images/t1.png) no-repeat center center; overflow:hidden; }


.tab_download{ border-left:1px solid #ddd; border-top:1px solid #ddd; margin:20px 0 0 0; }
.tab_download tr td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0; text-align:center; font-size:14px; }
.tab_download thead tr td{ background:#eee; font-size:16px; font-weight:bold; }

.listSiteMap{ width:100%; list-style:none; margin:10px 0 20px 0;  padding:0; overflow:hidden; }
.listSiteMap li{ width:100%; line-height:25px; float:left; background:url(../images/folder.png) no-repeat left 6px; text-indent:20px; overflow:hidden; }
.listSiteMap li a{ font-size:14px; color:#1267b8; font-weight:bold; text-decoration:none; }
.listSiteMap li ul{ list-style:none; margin:0 20px; padding:0; overflow:hidden; }
.listSiteMap li li a{ font-size:13px; }
.listSiteMap li li li a{ font-size:12px; }


 
.newspage{ width:100%; color:#fcb712; margin:20px 0 0 0; line-height:2; font-weight:bold; font-size:14px; overflow:hidden;  }
.newspage a{ color:#333; }
.newspage a:hover{ color:#fcb712; }

#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../swf/icon.png) no-repeat; position:fixed; right:20px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:100px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:100px; _margin-bottom:120px;}
#code_out {display:none;}
#gotop{ background-position:-276px -310px; bottom:47px; _margin-bottom:67px;} 

#code_img{ width:230px; height:230px; background:url(../swf/erwei.png) 0px 0px no-repeat; position:fixed; right:60px; bottom:47px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}