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

html { overflow-x:hidden; margin:0; padding:0; }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#454545; background:#f4f4f4; 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:#454545; }
a:hover { text-decoration:none; color:#0779d1; }

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

.fixw{ width:1000px; margin:0 auto; overflow:hidden; }

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

#header{ width:100%; height:214px; background:url(../images/top.png) repeat-x left top; }
 
#welcome{ position:absolute; top:0; left:0; height:32px; line-height:32px; font-size:12px; }
#func{ width:360px; height:32px; line-height:32px; position:absolute; top:0; right:0; text-align:right;}
#func span{ margin:0 6px; }

#logo{ position:absolute; top:32px; left:0; width:540px; height:136px; display:block; background:url(../images/logo.png) no-repeat left center; }


#menu{ width:790px; list-style:none; margin:0 ; padding:0; position:absolute; top:168px; left:0; }
#menu li{ line-height:45px; float:left; background:url(../images/ms.png) no-repeat left top; }
#menu li:first-child{ background:none; }
#menu li a{ height:45px; padding:0 16px; margin-left:2px; display:block; font-size:14px; color:#fff; }
#menu li a:hover,#menu li a.on{ background:url(../images/white.png); }

#topform{ position:absolute; top:168px; right:0; width:201px; height:45px; margin:0; padding:0; background:url(../images/search.png) no-repeat center center; }
.topkey{ width:110px; height:20px; line-height:20px; padding:13px 0 12px 10px; margin:0; border:0; background:none; outline:0; float:left; font-size:12px; color:#787878; }
.topbtn{ width:72px; height:32px; line-height:32px; text-align:center; margin:6px 0 0 0; padding:0; border:0; background:none; cursor:pointer; font-size:14px; color:#fff; float:right; }



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


#footer{ width:100%; margin:0; background:#696969 url(../images/footer.png) repeat-x left top; overflow:hidden; }

.fmenu{ width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden; }
.fmenu a{ font-size:12px; color:#fff;}
.fmenu span{ color:#fff; margin:0 16px; }

.copr{ width:100%; margin:0; padding:16px 0; text-align:center; color:#f4f4f4; line-height:2; font-size:12px;  overflow:hidden; }


#diyshowy{ width:160px; position:fixed; left:5px; bottom:5px; z-index:100; border:1px solid #ddd; border-bottom:0; background:#fff; }
#diyshowytit{ width:100%; height:35px; line-height:35px; text-align:center; background:#0779d1; font-size:14px; font-weight:bold; color:#fff; }
.menu_list{width:100%;margin:0;}
.menu_head{
	height: 31px;
	line-height: 31px;
	text-align:center;
	font-size: 14px;
	color:#454545;
	cursor: pointer;	
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	margin: 0px;
	font-weight:bold;
	background:#f1f1f1;
}
.menu_list .current{background:#f1f1f1;}
.menu_body{
	line-height: 28px;
	backguound: #f3f3f3;
}
.menu_body a{display:block; width:100%; height:28px;line-height:28px; text-align:center; color:#787878;background:#fff; border-bottom:1px solid #e1e1e1;}

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

.diycustomerservice{ height:140px; border:1px dashed #e6e6e6; margin:10px 0 0 0; padding:20px; position:relative; }

.lx_tel{  height:60px; line-height:30px; background:url(../images/lxtel.png) no-repeat left center; padding-left:40px;  position:absolute; top:30px; left:30px; font-size:14px; color:#666; }
.lx_tel span{ font-size:24px; color:#f00; color:#e70876; font-family:Arial, Helvetica, sans-serif; }
.lx_qq{ height:30px; line-height:30px; margin:20px 0 0 0; background:url(../images/lxqq.png) no-repeat left center; padding-left:40px; position:absolute; top:85px; left:30px; }
.lx_qq a{ font-size:18px; color:#e70876; }
.lx_wechat{ width:120px; height:140px; position:absolute; top:20px; right:30px; line-height:2.5; text-align:center; }



/*图片放大镜样式*/
.jqzoom{float:left; position:relative; cursor:pointer; display:block;}
.jqzoom img{ width:332px; height:360px; border:1px solid #e6e6e6; }
.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:360px;height:360px;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:334px;height:362px; }
.spec-scroll{clear:both;margin-top:10px;width:334px;}
.spec-scroll .prev{ width:10px; height:71px; float:left; background:url(../images/left.gif) no-repeat left center; cursor:pointer; }
.spec-scroll .next{ width:10px; height:71px; float:right; background:url(../images/right.gif) no-repeat right center; cursor:pointer; }
.spec-scroll .items{float:left;position:relative;width:304px;height:71px; margin-left:5px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:71px; list-style:none; margin:0; padding:0;}
.spec-scroll .items ul li{float:left;width:76px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #e6e6e6;padding:2px;width:60px;height:65px; background:#fff; }
.spec-scroll .items ul li img:hover{border:2px solid #e70876;padding:1px;}


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

.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; }

#sidebar{ width:213px; clear:both; float:left; margin:16px 0; overflow:hidden; }
#content{ width:745px; border:1px solid #ddd; background:#fff; float:right; padding:10px; margin:16px 0; 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; }

#tabbox{ height:378px; margin:10px; 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{ width:100%; height:36px; list-style:none; margin:0; padding:0; border-bottom:1px solid #ddd; overflow:hidden; }
.tabs li{  line-height:36px; float:left; position:relative; margin-right:1px; overflow:hidden; }
.tabs li a{  height:36px; padding:0 16px; display:block; font-size:14px; font-weight:bold; color:#0779d1;  text-align:center;  }
.tabs .thistab,.tabs .thistab a { background:#0779d1; color:#fff; }	

.diyimore{ width:39px; height:11px; display:block; position:absolute; top:15px; right:0; background:url(../images/more.png) no-repeat center center;}
.tab_con dl{ width:780px; list-style:none; margin:0; padding:0; overflow:hidden; }
.tab_con dl dd{ width:179px; height:160px; margin:10px 10px 0 0; padding:0; float:left; }
.tab_con dl dd img{ width:171px; height:128px; padding:3px; border:1px solid #ddd; display:block; }
.tab_con dl dd h4{ width:100%; height:32px; line-height:32px; font-size:14px; font-weight:normal; margin:0; padding:0; text-align:center;}
.tab_con dl dd:hover img{ border:1px solid #0779d1;}
.tab_con dl dd:hover h4 a{ color:#0779d1;}

.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;  }


.listProducts{ width:780px; list-style:none; margin:0; padding:0; overflow:hidden; }
.listProducts li{ width:179px; height:160px; margin:10px 10px 0 0; padding:0; float:left; }
.listProducts li img{ width:171px; height:128px; padding:3px; border:1px solid #ddd; display:block; }
.listProducts li h4{ width:100%; height:32px; line-height:32px; font-size:14px; font-weight:normal; margin:0; padding:0; text-align:center; }
.listProducts li:hover img{ border:1px solid #0779d1;}
.listProducts li:hover h4 a{ 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; }


.diytw{ width:672px; list-style:none; margin:0; padding:0; float:left; }
.diytw li{ width:320px; height:142px; float:left; margin:16px 16px 0 0; overflow:hidden; }
.diytw li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.diytw li dl dt{ width:120px; height:120px; margin:0; padding:0; float:left; overflow:hidden; }
.diytw li dl dt img{ max-width:100%; display:block; }
.diytw li dl dd{ margin:0 0 0 130px; padding:0; overflow:hidden; }
.diytw li dl dd h4{ width:100%; height:24px; font-size:14px; margin:0; padding:0; overflow:hidden; }
.diytw li dl dd p{ width:100%; height:72px; line-height:22px; margin:0; padding:0; color:#787878; overflow:hidden; }
.diyview{ width:69px; height:24px; display:block; float:right; background:url(../images/detail.png) no-repeat center center; overflow:hidden; }

.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; }

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


.diyLinks{ padding:10px; margin:16px 0; background:#fff; border:1px solid #ddd; overflow:hidden;  }
.diylinksall{ margin:10px 0 0 0; line-height:30px; }
.diylinksall a{ margin-right:12px; white-space:nowrap; }


.RecommendedProducts{ width:1200px; margin:0 auto; overflow:hidden; }
.tptit{ width:100%; height:31px; line-height:31px; margin:40px 0 0 0; text-align:center; background:url(../images/iline1.png) no-repeat center center; font-size:24px; font-weight:bold; color:#e70876; }
.tpsubtit{ width:100%; margin:16px 0 0 0; font-size:18px; color:#787878; text-align:center; }
.tpsubtiten{ width:100%; margin:12px 0 0 0; font-size:12px; color:#787878; text-align:center; font-family:Arial, Helvetica, sans-serif; }

.products-slide{ width:100%; height:346px; padding:0; position:relative; margin:60px 0 0 0; overflow:hidden; }
.products-slide .products-prev{display:block;position:absolute; z-index:50; width:38px;height:346px;left:32px; background:url(../images/iprev.png) no-repeat left center;}
.products-slide .products-next{display:block;position:absolute; z-index:50; width:38px;height:346px;right:32px; background:url(../images/inext.png) no-repeat right center;}
.products-slide .products-content{ width:1000px; position:absolute;left:100px; overflow:hidden;}
.products-slide li{ width:320px; height:346px; float:left; margin:0 20px 0 0; position:relative; overflow:hidden;}
.products-slide li img{ width:320px; height:346px; display:block; }
.products-slide 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;  }
.products-slide li h4 a{ width:100%; height:40px; display:block; font-size:16px; color:#fff; font-weight:normal; }
.products-slide li:hover img{ opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); }

.AboutUs{ width:100%; height:535px; background:url(../images/iabout.jpg) no-repeat center top; margin:40px 0 0 0; overflow:hidden; }
.astit{ width:100%; height:31px; line-height:31px; margin:30px 0 0 0; text-align:center; background:url(../images/iline2.png) no-repeat center center; font-size:24px; font-weight:bold; color:#f1953a; }
.assubtit{ width:100%; margin:16px 0 0 0; font-size:18px; color:#787878; text-align:center; }
.assubtiten{ width:100%; margin:12px 0 0 0; font-size:12px; color:#787878; text-align:center; font-family:Arial, Helvetica, sans-serif; }
.aswin{ width:1000px; margin:0 auto; overflow:hidden; }
.ascon{ width:630px; height:330px; margin:50px 0 0 0; font-size:14px; line-height:2; color:#787878; overflow:hidden; }

.Stores{ width:100%; overflow:hidden; }
.storestit{ width:100%; height:31px; line-height:31px; margin:40px 0 0 0; text-align:center; background:url(../images/iline1.png) no-repeat center center; font-size:24px; font-weight:bold; color:#e70876; }
.storessubtit{ width:100%; margin:16px 0 0 0; font-size:18px; color:#787878; text-align:center; }
.storessubtiten{ width:100%; margin:12px 0 0 0; font-size:12px; color:#787878; text-align:center; font-family:Arial, Helvetica, sans-serif; }

.stores-slide{ width:1920px; height:280px; padding:0; position:relative; left:50%; margin:45px 0 0 0; margin-left:-960px; overflow:hidden; }
.stores-slide .stores-prev{display:block;position:absolute; z-index:50; width:38px;height:280px;left:50%; margin-left:-600px; background:url(../images/iprev.png) no-repeat left center;}
.stores-slide .stores-next{display:block;position:absolute; z-index:50; width:38px;height:280px;right:50%; margin-right:-600px; background:url(../images/inext.png) no-repeat right center;}
.stores-slide .stores-content{ width:1920px; position:absolute;left:0; overflow:hidden;}
.stores-slide li{ width:470px; height:280px; float:left; margin:0 5px; position:relative; overflow:hidden;}
.stores-slide li img{ width:470px; height:280px; display:block; position:absolute; top:0; left:0; z-index:1;  }
.stores-slide li span{ position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; display:block; background:url(../images/black.png) repeat; }
.stores-slide 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; top:240px; left:0; z-index:-1; overflow:hidden;  }
.stores-slide 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; }
.stores-slide li:hover span{ z-index:-1; }
.stores-slide li:hover h4{ z-index:3;}

.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; }


.news_join{ width:1000px; margin:60px auto 0 auto; overflow:hidden; }
.LatestNews{ width:580px; clear:both; float:left; overflow:hidden; }
.JoinUs{ width:378px; height:302px; float:right; overflow:hidden; }

.LatestNewsT{ width:100%; height:36px; background:url(../images/b1.png) repeat-x left bottom; overflow:hidden; }
.LatestNewsT h3{ height:36px; font-size:18px; font-weight:normal; color:#e70876; margin:0; padding:0; background:url(../images/b2.png) repeat-x left bottom; clear:both; float:left; }
.more{ width:30px; height:9px; background:url(../images/more.png) no-repeat center center; float:right; margin:15px 0 0 0; }





.NewsList{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.NewsList li{ width:100%; float:left; padding:10px 0; border-bottom:1px dashed #ccc; }
.NewsList li span{ float:right; color:#787878; line-height:2; }
.NewsList li h4{ font-size:14px; margin:0; padding:0; line-height:2; }
.NewsList li p{ width:100%; margin:0; padding:0; line-height:2; }

.n_t{ width:100%; height:24px; line-height:24px; font-size:20px; color:#aaa; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:16px 0 0 0; }
.n_f{ width:100%; height:18px; line-height:18px; font-size:14px; color:#aaa; font-family:Arial, Helvetica, sans-serif; }

.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:100%; height:36px; line-height:36px; border-bottom:1px solid #ddd; overflow:hidden; }
.crumbsL{ clear:both; float:left; font-size:16px; font-weight:bold; padding:0 16px; color:#fff; background:#0779d1;}
.crumbsR{ float:right; font-size:14px; }


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

.column{ width:100%; height:60px; line-height:40px; background:url(../images/column.png) no-repeat left top; font-size:20px; font-weight:bold; color:#202830; text-indent:40px; 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; }


.topClass{ width:100%; list-style:none; margin:6px 0; padding:0; overflow:hidden; }
.topClass li{ width:100%; line-height:35px; float:left; margin-top:6px; background:url(../images/s1.png) no-repeat left top; overflow:hidden; }
.topClass li.on,.topClass li:hover{ background:url(../images/s2.png) no-repeat left top; }
.topClass li a{ width:100%; height:35px; display:block; text-indent:16px; font-size:14px; }
.topClass li.on a,.topClass li:hover a{ color:#fff;}
/*.topClass li ul{ width:100%; list-style:none; margin:0; padding:0; float:left; background:#f0f0f0; }
.topClass li ul li{ width:100%; line-height:36px; float:left; background:none; border-bottom:1px solid #fff;  }
.topClass li ul li.on{ background:none; }
.topClass li ul li a{ height:36px; color:#333; text-indent:34px; background:url(../images/arrow.png) no-repeat 20px center; }
.topClass li ul li a:hover,.topClass li.on ul li.on a{ color:#066484;  }*/





.inContact{ margin:20px 0 0 0; }


.childmenu{ margin:30px auto 10px auto;}
.childmenu tr td a{ height:56px; line-height:56px; display:block; margin:0 8px; padding:0 24px; border:1px solid #e8107a;  font-size:16px; color:#e70876;}
.childmenu tr td a.on,.childmenu tr td a:hover{ background:#e8107a; color:#fff; }


.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; }

#links{ width:1116px; margin:30px auto 0 auto; overflow:hidden; }
.linksName{ height:30px; line-height:30px; clear:both; float:left; padding-right:10px; background:url(../images/arrow.png) no-repeat right 15px; font-size:20px; color:#066484; }
.linksName span{ color:#666; font-size:16px; margin-left:5px;}
.linksList{ width:970px; line-height:2; float:right; margin:6px 0 0 0;  overflow:hidden; }
.linksList a{ font-size:12px; white-space:nowrap; }
.linksList span{ margin:0 10px;}




.tab_feedback{ margin:20px 0 0 0;}
.tab_feedback tr td{ padding:5px; font-size:16px; }

.websearch{ width:400px; height:40px; margin:20px auto 0 auto; border:8px solid #ccc; display:block; position:relative; overflow:hidden; }
.websearch .webkey{ width:350px; height:20px; line-height:20px; padding:10px 0 10px 10px; margin:0; position:absolute; top:0; left:0; border:0; outline:0; font-size:14px; font-weight:bold; overflow:hidden; }
.websearch .webbtn{ width:40px; height:40px; background:url(../images/search2.png) no-repeat center center; position:absolute; top:0; left:360px; border:0; outline:0; overflow:hidden; }

.fenye{ width:100%; margin:20px 0 10px 0; text-align:center; overflow:hidden;  }
.fenye a{ padding:4px 12px; margin:0 1px; border:1px solid #eee; background:#f5f5f5; display:inline-block;*display:inline; *zoom:1; font-size:12px; color:#666; }
.fenye a.pageon,.fenye a:hover{ color:#0779d1; background:#fff; border:1px solid #0779d1;    }




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

.itit{ width:100%; height:24px; overflow:hidden; }
.ititL{ clear:both; float:left; line-height:24px;  }
.ititL a{ font-size:20px; color:#ac027d;  }
.ititL span{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666; margin-left:10px; }
.ititR{ float:right; margin:6px 0 0 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; }


.textinp{ width:240px; height:16px; line-height:16px; border:1px solid #ddd; margin:0; padding:7px 10px; outline:0; background:#fff; }
.textinp2{ width:480px; height:160px; margin:0; padding:10px; border:1px solid #ddd; background:#fff; outline:0; }
.textinp3{ width:100px; height:24px; line-height:24px; border:1px solid #ddd; margin:0; padding:0; outline:0; background:#fff; }
.mandatory{ color:#f00;}




.categorylist{ width:100%; list-style:none; margin:20px 0 0 0; padding:0; overflow:hidden; }
.categorylist li{ width:100%; line-height:44px; float:left; background:url(../images/sub1.png) repeat left top; border-bottom:1px solid #fff; overflow:hidden; }
.categorylist li:hover{ background:url(../images/sub2.png) repeat left top; }
.categorylist li a{ width:100%; height:44px; display:block; font-size:14px; text-indent:20px; color:#333; }
.categorylist li:hover a{ color:#fff;}

.hotlist{ width:800px; list-style:none; margin:0; padding:0; overflow:hidden; }
.hotlist li{ width:178px; height:178px; border:1px solid #e6e6e6; float:left; position:relative; margin:20px 20px 0 0; overflow:hidden; }
.hotlist li:hover{ border:1px solid #005fc9; }
.hotlist li a{ width:40px; height:40px; padding:69px; text-align:center; display:none; color:#fff; }
.hotlist li:hover a{ background:url(../images/hover.png) repeat; position:absolute; top:0; left:0; display:block; }


.vv{ visibility:visible!important }
.feature_tour{ width:490px; clear:both; float:left; margin:30px 0 0 0; overflow:hidden; }
.feature_tour .tab { width:100%; height:32px; background:url(../images/t1.png) no-repeat left bottom; margin:0; overflow:hidden; }
.feature_tour .tab a { height:32px; font-size:18px; text-align:center; display:block; float:left; color:#999; padding:0 0 0 20px; margin:0 10px 0 0; background:url(../images/split1.png) no-repeat left 5px;  }
.feature_tour .tab a:first-child{ padding:0; background:none; }
.feature_tour .tab a.current { color:#0072d4;}
.feature_tour .mask { width:100%; height:250px; position:relative; overflow:hidden; }
.feature_tour .mask .maskCon { width:2450px; }
.feature_tour .mask .maskCon .innerCon { width:490px; height:250px; float:left; margin:0; padding:0; color:#000; position:relative; overflow:hidden; }
.feature_tour .mask .maskCon .innerCon ul{ list-style:none; margin:0; padding:0; overflow:hidden; }
.feature_tour .mask .maskCon .innerCon ul li{ width:100%; height:90px; float:left; margin:20px 0 0 0; position:relative; overflow:hidden; }
.feature_tour .mask .maskCon .innerCon ul li img{ width:160px; height:90px; display:block; position:absolute; top:0; left:0; }
.feature_tour .mask .maskCon .innerCon ul li h5{ position:absolute; top:0; left:170px; font-size:13px; color:#0072d4; font-weight:normal; height:15px; overflow:hidden;  }
.feature_tour .mask .maskCon .innerCon ul li p{ position:absolute; top:20px; left:170px; margin:0; padding:0; height:72px; line-height:24px; overflow:hidden; color:#4d515e;  }

.more2{ margin:20px 0 0 170px; display:block; float:left; clear:both; }

#contact{ width:490px; margin:30px 0 0 0; float:right; overflow:hidden; }
.contactPic{ width:100%; height:120px; margin:20px 0 0 0; overflow:hidden; } 
.contactProfile{ width:100%; height:72px; margin:8px 0 0 0; line-height:24px; overflow:hidden; }
.contactProfile p{ margin:0; padding:0;}
.more3{ margin:20px 0 0 0; display:block; float:left; clear:both; }



.iProducts{ width:100%; margin:30px 0 0 0; overflow:hidden; }
.wintit{ width:100%; height:28px; background:url(../images/iline.png) no-repeat center center; overflow:hidden; }
.iProductsColumn{ width:280px; height:28px; line-height:28px; text-align:center; margin:0 auto; }
.iProductsColumn a{ width:220px; height:28px; display:block; margin:0 auto; background:url(../images/t1.png) no-repeat center center; font-size:14px; color:#d30000; }
.iProductsColumn a:hover{ background:url(../images/t2.png) no-repeat center center; color:#fff; }

.tit1{ width:100%; height:50px; background:url(../images/heart1.png) no-repeat center bottom; text-align:center; font-size:20px; font-weight:bold; color:#02273b; margin:0; padding:0; overflow:hidden; }
.tit2{ width:100%; height:50px; background:url(../images/heart2.png) no-repeat center bottom; text-align:center; font-size:20px;  color:#fff;  margin:0; padding:0; overflow:hidden; }

.isort{ width:560px; list-style:none; margin:20px auto 0 auto; padding:0; overflow:hidden;  }
.isort li{ width:130px; line-height:32px; margin:0 5px; float:left; overflow:hidden; }
.isort li a{ width:100%; height:32px; display:block; text-align:center; background:#02273b; font-size:14px; color:#fff; }
.isort li a:hover{ background:#0b94f4;}



.cpnav{ list-style:none; margin:0; padding:0; overflow:hidden; }
.cpnav li{ width:100%; float:left; margin:30px 0 0 0; overflow:hidden; }
.cpnav li h3{ font-size:18px; color:#066484; margin:0; padding:0 0 5px 0; font-weight:normal; border-bottom:2px solid #066484; }
.cpnav li ul{ width:900px; list-style:none; margin:10px 0 0 0; padding:0; overflow:hidden; }
.cpnav li ul li{ width:162px; height:120px; float:left; margin:10px 10px 0 0; border:1px solid #d6d6d6; background:#e8e9e9; overflow:hidden; }
.cpnav li ul li:hover{ background:#fff; border:1px solid #066484; }
.cpnav li ul li img{ width:162px; height:90px; }
.cpnav li ul li p{ width:100%; margin:0; padding:0; height:30px; line-height:30px; text-align:center; font-size:16px; overflow:hidden; }



.listCase{ width:900px; list-style:none; margin:0; padding:0; overflow:hidden; }
.listCase li{ width:198px; height:189px; float:left; margin:20px 20px 0 0; background:#e8e9e9; border:1px solid #d6d6d6; overflow:hidden; }
.listCase li:hover{ border:1px solid #066484; background:#fff;}
.listCase li img{ width:198px; height:149px; display:block; }
.listCase li p{ width:100%; height:40px; line-height:40px; margin:0; padding:0; text-align:center; font-size:16px; overflow:hidden; }
.listCase li p a{ color:#333; }

.list-album{ width:800px; list-style:none; margin:0; padding:0; overflow:hidden; }
.list-album li{ width:240px; height:200px; float:left; margin:20px 20px 0 0; overflow:hidden; }
.list-album li img{ width:240px; height:160px; display:block; }
.list-album li span{ width:100%; height:20px; line-height:20px; padding:10px 0; display:block; text-align:center; font-size:14px; overflow:hidden;  }



.list-case{ width:100%; list-style:none; margin:0; padding:0; }
.list-case li{ width:100%; height:120px; float:left; margin:20px 0 0 0; position:relative; overflow:hidden; }
.list-case li img{ width:180px; height:120px; display:block; position:absolute; top:0; left:0; overflow:hidden; }
.list-case li h4{ margin:0; padding:0; height:24px; position:absolute; top:0; left:200px; font-size:16px; font-weight:bold; color:#90c31f; }
.list-case li p{ margin:0; padding:0; height:96px; line-height:24px; position:absolute; top:24px; left:200px; overflow:hidden; }






.contact-phone p,.contact-addr p,.contact-email p{ margin:0 0 0 80px; padding:0; line-height:26px; font-size:14px; }

.artName{ width:100%; font-size:24px; font-weight:bold; margin:20px 0 0 0; padding:0; text-align:center; color:#000; overflow:hidden; }
.artFunc{ width:100%; padding:10px 0; text-align:center; margin:10px 0; font-size:12px; color:#999; border-bottom:1px dashed #ccc; 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; }

.contact-index{ height:228px; padding:10px; margin:20px 0 0 0; line-height:26px; font-size:14px; background:#f0f0f0; overflow:hidden;  }
.contact-index p{ margin:0; padding:0; }





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

.article{ width:100%; line-height:2; margin:10px 0 0 0; font-size:12px; 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; }

.f-gray{ width:1000px; margin:0 auto; overflow:hidden; }
.cxdec{ margin:75px 0 0 440px; font-size:16px; color:#333;  overflow:hidden;  }
.fontc1{ color:#d30000;}

.cxkey{ width:300px; height:14px; line-height:14px; margin:10px 0 0 440px; padding:5px; border:1px solid #999; outline:0; background:#fff; }
.cxbtn{ width:120px; height:24px; line-height:24px; padding:0; margin:20px 0 0 535px; text-align:center;  background:#d30000; border:0; outline:0; cursor:pointer; font-size:14px; color:#fff; }

.cxresult{ margin:50px 0 0 0; padding:10px; text-align:center; font-size:16px; color:#d30000; border:1px solid #d30000; border-radius:5px; }
.cxresult img{ max-width:100%; display:block; margin:0 auto; }
 
.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; }
/*.prevpage{ display:block; float:left;}
.nextpage{ display:block; float:right; }*/

#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;}