@charset "utf-8";
/* CSS Document */
html { overflow-x:hidden; margin:0; padding:0; }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#666; background:#f6f7f9; font-family:Arial, Helvetica, sans-serif; word-break:keep-all; word-wrap:break-word;  overflow:hidden; }
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#008cd9; }

input,textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#888; }


.section{ width:1200px; margin:0 auto; overflow:hidden; }
#main{ width:1200px; margin:30px auto; padding:0; overflow:hidden; }

#header{ width:100%; height:71px; background:url(../images/header.png) repeat-x left top; position:absolute; top:0; left:0; z-index:500; }
#top{ width:1200px; height:100%; margin:0 auto; position:relative; }
#welcome{ height:34px; line-height:34px; font-size:12px; position:absolute; top:0; left:0; }
#hotline{ height:34px; line-height:34px; position:absolute; top:0; right:0; font-size:12px; }
#hotline span{ color:#008bd5; }


#logo{ width:200px; height:70px; display:block; background:url(../images/logo.png) no-repeat left center; position:absolute; top:0; left:0; overflow:hidden; }
#func{ list-style:none; margin:0; padding:0; position:absolute; top:84px; right:287px;  }
#func li{ float:left; margin:0 5px; position:relative; }
#func li div{ width:124px; position:absolute; top:25px; left:-50px; z-index:10; display:none; }
#func li div img{ max-width:100%; display:block; }
#func li:hover div{ display:block;}

#myform{ width:229px; height:27px; display:block; background:url(../images/form.png) no-repeat left top; position:absolute; top:27px; right:0; overflow:hidden; }
.ssin{ width:175px; height:27px; line-height:27px; border:0; margin:0 0 0 15px; padding:0; outline:0; background:none; float:left; }
.ssbtn{ width:36px; height:27px; border:0; background:none; cursor:pointer; outline:0; float:right; }

#menu{ list-style:none; margin:0; padding:0; position:absolute; top:0; left:300px; }
#menu li{ float:left; line-height:70px; position:relative; margin:0 50px; }
#menu li.on,#menu li:hover{ background:url(../images/mc.png) repeat-x left center; }
#menu li a{ height:70px; display:block; font-size:14px; color:#fff; }
#menu li.on a,#menu li:hover a{ color:#fff; }
/*#menu li ul{ width:180px; list-style:none; margin:0; padding:0; position:absolute; top:60px; left:0; z-index:100; display:none;  }
#menu li ul li{ width:100%; line-height:auto; margin:0; padding:0; float:left; background:#fff; }
#menu li ul li:hover{ background:#7fc6e9;} 
#menu li ul li a{ width:100%; height:auto; font-size:12px; padding:10px 0; line-height:1.5; color:#fff; text-indent:20px; }
#menu li ul li a:hover{ color:#fff; }
#menu li:hover ul{ display:block; }
*/

#lang{ list-style:none; margin:0; padding:0; position:absolute; top:10px; right:0; overflow:hidden; }
#lang li{ width:48px; line-height:48px; float:left; }
#lang li a{ height:48px; display:block; text-align:center; color:#fff; font-size:14px;  }
#lang li a.on{ border:1px solid #a6a7a8;}


#search{ width:100%; height:60px; background:url(../images/search.png) repeat; overflow:hidden; }
#hotkeys{ width:720px; height:60px; line-height:60px; margin:0; padding:0; clear:both; float:left; font-size:14px; overflow:hidden;   }
#hotkeys dt{ float:left; font-weight:bold; }
#hotkeys dd{ float:left; margin:0 6px; padding:0; overflow:hidden; }


#banner{ width:100%; overflow:hidden; }
.mainbanner{height:550px;overflow:hidden; position:relative; }
.mainbanner_window{left:50%;width:1920px;height:550px;overflow:hidden;margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:0px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:1920px;height:550px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{ width:90px; height:20px; position:absolute; bottom:30px; 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; }


#slideContact{ width:100%; height:105px; background:url(../images/lxfs.png) no-repeat center top; position:absolute; left:0; bottom:0; z-index:20; overflow:hidden; }
.scqq{ width:162px; height:30px; line-height:30px; clear:both; float:left; margin:43px 0 0 172px; font-size:14px; color:#7f4c26; overflow:hidden; }
.scsina{ width:176px; height:30px; line-height:30px; float:left; margin:43px 0 0 97px; font-size:14px; color:#7f4c26; overflow:hidden; }
.scwechat{ width:177px; height:30px; line-height:30px; float:left; margin:43px 0 0 114px; font-size:14px; color:#7f4c26; overflow:hidden; }
.scemail{ width:162px; height:30px; line-height:30px; float:right; margin:43px 0 0 0; font-size:14px; color:#7f4c26; overflow:hidden;}

.sctel{ width:355px; height:32px; line-height:32px; clear:both; float:left; font-size:16px; font-weight:bold; color:#fff; text-align:center; }
.scaddr{ width:445px; height:32px; line-height:32px; float:left; margin-left:20px; font-size:16px; font-weight:bold; color:#fff; text-align:center; overflow:hidden; }
.sczxqq{ width:340px; height:32px; line-height:32px; float:right; font-size:16px; font-weight:bold; color:#fff; text-align:center; overflow:hidden; }



#footer{ width:100%; background:#343434; overflow:hidden; }

#links{ width:100%; margin:0; padding:20px 0; border-bottom:1px solid #fff; overflow:hidden; }
#links dt{ height:30px; line-height:30px; padding-right:30px; float:left; font-size:24px; font-family:"Times New Roman", Times, serif; font-weight:normal; overflow:hidden; }
#links dd{ margin:0; padding:0; line-height:30px; font-size:12px; overflow:hidden; }
#links dd span{ margin:0 16px; }

#foot{ width:1200px; margin:30px auto; overflow:hidden; }


.FmenuAll{ width:800px; list-style:none; margin:0; padding:0; clear:both; float:left; overflow:hidden; }
.FmenuAll li{ width:160px; float:left; }
.FmenuAll li:first-child{ width:320px; color:#aaa; }
.FmenuAll li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.FmenuAll li dl dt{ width:100%; height:24px; font-size:14px; color:#fff;  overflow:hidden; }
.FmenuAll li dl dd{ margin:0; padding:5px 0; overflow:hidden; }
.FmenuAll li dl dd a{ font-size:12px; color:#aaa; }
.FmenuAll li dl dd a:hover,.FmenuAll li dl dd a.cur{ color:#fff; }
.FmenuAll li dl dd img{ margin:0px 10px 0 0;}

.efin{ width:240px; height:40px; line-height:40px; background:#cdcdcd; padding:0 15px; border:0; outline:0; margin:0; color:#000; }
.efbtn{ width:72px; height:28px; line-height:28px; border:1px solid #cdcdcd; color:#cdcdcd; margin:15px 0 0 0; padding:0; background:none; outline:0; cursor:pointer; }

.detPdf{ width:100%; list-style:none; margin:10px 0 0 0; padding:0; border-left:1px solid #ddd; border-top:1px solid #ddd; overflow:hidden; }
.detPdf li{ height:30px; line-height:30px; padding:0 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.detPdf li a{ font-size:14px; color:#f00;}


 
.Fcontact{ width:320px; float:right; margin:0; padding:0; overflow:hidden;  }
.Fcontact dt{ width:100%; height:24px; font-size:14px; color:#fff; overflow:hidden; }
.Fcontact dd{ margin:0; padding:0; font-size:12px; color:#aaa; line-height:2; overflow:hidden;  }
 
#copr{ width:100%; padding:20px 0; line-height:2; border-top:1px solid #4d4e4f; font-size:12px; color:#aaa; text-align:center; overflow:hidden; }


.fmr{ width:135px; float:right; margin:50px 0 0 0; overflow:hidden; }
.fhotline{ height:40px; line-height:20px; background:url(../images/mob.png) no-repeat left center; padding-left:26px; font-size:13px; color:#fff; overflow:hidden; }
.fewm{ width:100%; margin:10px 0 0 0; overflow:hidden; }
.fewm img{ max-width:100%; display:block; }
.fewm p{ margin:10px 0 0 0; text-align:center; font-size:12px; color:#fff; }


.white{ color:#fff; font-size:16px;}
.gray{ color:#a1a1a1; font-size:12px;}

.fabout{ width:180px; height:250px; padding:30px 0; margin:0; clear:both; float:left; background:url(../images/fs.png) repeat-y right top; overflow:hidden; }
.fabout dt{ width:100%; height:40px; line-height:30px; margin:0; padding:0; background:url(../images/f1.png) no-repeat left top;  text-indent:45px; overflow:hidden; }
.fabout dd{ width:100%; height:30px; line-height:30px; margin:0; padding:0; text-indent:45px; overflow:hidden; }

.fproject{ width:180px; height:250px; padding:30px 0; float:left; margin:0 0 0 20px; background:url(../images/fs.png) repeat-y right top; overflow:hidden; }
.fproject dt{ width:100%; height:40px; line-height:30px; margin:0; padding:0;  background:url(../images/f2.png) no-repeat left top; font-size:16px; color:#fff; text-indent:45px; overflow:hidden; }
.fproject dd{ width:100%; height:30px; line-height:30px; margin:0; padding:0; text-indent:45px; overflow:hidden; }

.fnews{ width:180px; height:250px; padding:30px 0; float:left; margin:0 0 0 20px; background:url(../images/fs.png) repeat-y right top; overflow:hidden; }
.fnews dt{ width:100%; height:40px; line-height:30px; margin:0; padding:0;  background:url(../images/f3.png) no-repeat left top; font-size:16px; color:#fff; text-indent:45px; overflow:hidden; }
.fnews dd{ width:100%; height:30px; line-height:30px; margin:0; padding:0; text-indent:45px; overflow:hidden; }

.fservice{ width:180px; height:250px; padding:30px 0; float:left; margin:0 0 0 20px; background:url(../images/fs.png) repeat-y right top; overflow:hidden; }
.fservice dt{ width:100%; height:40px; line-height:30px; margin:0; padding:0;  background:url(../images/f4.png) no-repeat left top; font-size:16px; color:#fff; text-indent:45px; overflow:hidden; }
.fservice dd{ width:100%; height:30px; line-height:30px; margin:0; padding:0; text-indent:45px; overflow:hidden; }

.fhelp{ width:260px; height:250px; padding:30px 0; margin:0 0 0 20px; float:left; color:#fff; overflow:hidden;  }
.fsearch{ width:230px; height:30px; display:block; margin:10px 0 0 10px; background:url(../images/search.png) no-repeat left top; overflow:hidden;  }
.fkey{ width:150px; height:30px; line-height:30px; float:left; margin:0; padding:0 0 0 10px; border:0; outline:0; background:none;  }


.foot{ width:100%; padding:20px 0; background:url(../images/f5.png) repeat-x left top; overflow:hidden; }







.cardtel{ width:180px; height:24px; margin:180px 0 0 140px; font-size:14px; color:#333; text-align:center; }
.cardemail{ width:180px; height:24px; margin:36px 0 0 140px; font-size:14px; color:#333; text-align:center; }
.cardaddr{ width:180px; height:24px; margin:36px 0 0 140px; font-size:14px; color:#333; text-align:center; }


.diyContact{ width:100%; margin:30px 0 0 0; overflow:hidden; }
.diyftz{ width:100%; margin:0; padding:0; text-align:center; font-size:30px; font-weight:bold; color:#fff; overflow:hidden; }
.diyfte{ width:100%; text-align:center; margin:5px 0 0 0; padding:0;  background:url(../images/ftbg.png) no-repeat center center; font-size:16px; font-weight:bold; font-family:Arial; color:#fff; }

.diyContactTel{ width:150px; height:48px; line-height:24px; padding:6px 0 6px 30px; clear:both; float:left; margin:30px 0 0 200px; background:url(../images/hotline.png) no-repeat left center; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#fff; overflow:hidden; }
.diyContactQQ{ width:460px; height:60px; float:left; margin:30px 0 0 20px; padding:0; list-style:none; overflow:hidden; }
.diyContactQQ li{ width:100%; height:30px; float:left; overflow:hidden; }
.diyContactQQ li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.diyContactQQ li dl dt{ width:80px; line-height:30px; float:left; text-align:right; margin:0; padding:0; font-size:14px; color:#fff; overflow:hidden; }
.diyContactQQ li dl dd{ width:90px; line-height:30px; margin:0 0 0 10px; padding:0 0 0 24px; float:left; background:url(../images/qq.png) no-repeat left center; }
.diyContactQQ li dl dd a{ color:#fff; font-size:14px; }

.morejxs{ width:135px; height:28px; display:block; background:url(../images/fmore.png) no-repeat left top; float:right; margin:54px 120px 0 0; overflow:hidden; }






.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 #818181; margin:20px 0 0 0; overflow:hidden; }
.diyCpxq span{ float:left; padding:6px 20px; background:#818181; font-size:14px; font-weight:bold; color:#fff; }

.diyRxcp{ width:100%; height:30px; line-height:30px; background:#818181; margin:15px 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; }

.basic{ border:1px solid #eee; background:#fff; margin:0; padding:30px 0; overflow:hidden; }
.basicL{ width:572px; clear:both; float:left; border-right:1px solid #eee; overflow:hidden; }
.basicR{ padding:30px; font-size:14px; color:#999; overflow:hidden; }

.detPname{ padding:0 0 15px 0; font-size:24px; font-weight:bold; color:#333; background:url(../images/npoint.png) repeat-x left bottom; }
.detProfile{ margin:15px 0 0 0; line-height:1.5; font-size:14px; color:#999; }
.detSchema{ margin:15px 0 0 0; line-height:2; font-size:14px; }

.detColor{ list-style:none; margin:15px 0 0 0; padding:0; overflow:hidden; }
.detColor dt{ height:24px; line-height:24px; float:left; font-size:14px; color:#333; }
.detColor dd{ margin:0; padding:0; overflow:hidden; }
.detColor dd span{ width:20px; height:20px; display:block; margin:0 0 0 10px; float:left; overflow:hidden; border-radius:5px; border:2px solid #00a7e1; }

/*.detStore{ width:260px; list-style:none; margin:0; padding:0; position:absolute; left:20px; bottom:40px; z-index:100; }
.detStore li{ width:100%; line-height:45px; position:relative; z-index:100; }
.detStore li a{ width:100%; height:45px; display:block; font-size:18px; font-weight:bold; text-indent:70px; color:#fff; background:url(../images/buy.png) no-repeat left top; overflow:hidden; }
.detStore li ul{ width:260px; list-style:none; margin:0; padding:0; position:absolute; top:40px; left:0; z-index:100; background:#828282; }
.detStore li ul li{ width:100%; line-height:32px; border-bottom:1px dashed #ccc; }
.detStore li ul li a{ width:100%; height:32px; display:block; background:none; }*/

.detStore{ width:100%; margin:30px 0 0 0; position:relative; }
.detStoreName{ width:260px;height:45px; line-height:45px; display:block; text-indent:68px; font-size:18px; font-weight:bold; color:#fff; background:url(../images/buy.png) no-repeat left top; cursor:pointer; }
			
.detStoreList{ width:220px; list-style:none; margin:0; padding:10px 20px 20px 20px; display:none; background:#828282; overflow:hidden;  }
.detStoreList li{ line-height:36px; border-bottom:1px dashed #adadad; }
.detStoreList li a{ width:100%; height:36px; display:block; font-size:14px; color:#fff; text-align:center; }

.basicR p{ width:100%; margin:10px 0 0 0; padding:0; line-height:2; font-size:12px; color:#a2a2a2; overflow:hidden; }
.diypdf{ position:absolute; bottom:0; right:0;}


.cpnav{ width:100%; height:34px; line-height:34px; margin:20px 0; background:url(../images/d1.png) repeat-x left top; }
.cpnav h4{ background:url(../images/d2.png) repeat-x left top; border-left:1px solid #008bd5; border-right:1px solid #008bd5; padding:0 20px; font-size:16px; color:#008bd5; float:left;  }

.aldetail{ width:100%; height:30px; line-height:30px; margin:20px 0 0 0; background:#e1e1e1; text-indent:10px; font-size:12px; font-weight:bold; overflow:hidden; }

.cpFeature{ width:100%; height:30px; line-height:30px; margin:10px 0 0 0; background:#e1e1e1; text-indent:10px; font-size:12px; font-weight:bold; overflow:hidden; }

/*图片放大镜样式*/
.jqzoom{ position:relative; cursor:pointer; display:block; margin:0 0 0 60px;}
.jqzoom img{ width:452px; height:361px; border:1px solid #eee; }
.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:250px;height:250px;background:#ffffff;border:1px solid #eee;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:572px; height:363px; overflow:hidden; }
.spec-scroll{ width:572px; height:84px; margin:12px 0 0 0; overflow:hidden; }
.spec-scroll .prev{ width:21px; height:84px; float:left; margin-left:20px; background:url(../images/tol.png) no-repeat left center; cursor:pointer; }
.spec-scroll .next{ width:21px; height:84px; float:right; margin-right:20px; background:url(../images/tor.png) no-repeat right center; cursor:pointer; }
.spec-scroll .items{float:left;position:relative;width:464px;height:84px; margin:0 0 0 14px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:84px; list-style:none; margin:0; padding:0; left:0;}
.spec-scroll .items ul li{float:left;width:116px;text-align:center; cursor:pointer;}
.spec-scroll .items ul li img{border:2px solid #eee;width:100px;height:80px; background:#fff; }
.spec-scroll .items ul li img:hover{border:2px solid #008cd9; }

.tabs{ width:100%; list-style:none; margin:20px 0 0 0; padding:0; border-bottom:1px solid #f6f7f9; background:#fff; overflow:hidden; }
.tabs li{ width:180px; line-height:50px; float:left; overflow:hidden; }
.tabs li a{ width:100%; height:50px; padding:0; display:block; text-align:center; font-size:14px; font-weight:bold; color:#666; text-align:center; }
.tabs li:hover a,.tabs .thistab a{ background:#555; color:#fff; }

.tab_conbox{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.tab_con{ display:none; padding:15px 0; line-height:2; overflow:hidden; }


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

.ititYellow{ width:100%; height:45px; margin:0; padding:0; font-size:30px; font-weight:normal; color:#ecbf55; text-align:center; background:url(../images/iline1.png) no-repeat center bottom; font-family:impact; overflow:hidden; }
.ititWhite{ width:100%; height:45px; margin:0; padding:0; font-size:30px; font-weight:normal; color:#fff; text-align:center; background:url(../images/iline2.png) no-repeat center bottom; font-family:impact; overflow:hidden; }
a.more2{ width:138px; height:42px; display:block; background:url(../images/more2.png) no-repeat center top; margin:0 auto; }
a.more1{ width:138px; height:42px; display:block; background:url(../images/more1.png) no-repeat center top; margin:0 auto; }



.iColumn{ font-size:24px; font-weight:bold; color:#333; }


#products{ width:100%; margin:40px 0 0 0; overflow:hidden; }

.productRecX{ width:826px; clear:both; float:left; overflow:hidden; }
.productRecY{ width:354px; float:right; overflow:hidden; }


.productRecXL{ width:900px; list-style:none; margin:0; padding:0; overflow:hidden; }
.productRecXL li{ width:260px; height:358px; float:left; margin:20px 20px 0 0; border:1px solid #ededed; background:#fff; overflow:hidden; }
.productRecXL li a{ display:block; }
.productRecXL li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.productRecXL li dl dt{ width:100%; height:260px; margin:0; padding:0; overflow:hidden; }
.productRecXL li dl dt img{ width:260px; height:260px; display:block; }
.productRecXL li dl dd{ height:120px; margin:0; padding:15px 20px; text-align:center; overflow:hidden; }
.productRecXL li dl dd h4{ font-size:14px; font-weight:normal; color:#333; }
.productRecXL li dl dd p{ margin:10px 0 0 0; padding:0; line-height:20px; color:#666; }

.productRecYL{ list-style:none; margin:0; padding:0; overflow:hidden; }
.productRecYL li{ width:100%; height:168px; margin:20px 20px 0 0; border:1px solid #ededed; background:#fff; overflow:hidden;}
.productRecYL li a{ display:block; }
.productRecYL li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.productRecYL li dl dt{ width:168px; height:168px; margin:0; padding:0; float:right;  overflow:hidden; }
.productRecYL li dl dt img{ width:168px; height:168px; display:block; }
.productRecYL li dl dd{ height:88px; margin:0; padding:40px 20px; overflow:hidden; }
.productRecYL li dl dd h4{ font-size:14px; font-weight:normal; color:#333; }
.productRecYL li dl dd p{ margin:20px 0 0 0; padding:0; line-height:20px; color:#666; }





.biankuang{	width: 50%;	height: 1px;position: absolute;	z-index: 99; }
.biankuang_l {	width:0;	top:0px;	left:50%;	background:#008cd9;}
.biankuang_r{	width:0;	top:0px;	left:50%;	background:#008cd9;}

.viewall{ width:60px; height:60px; display:block; margin:30px auto 0 auto; background:url(../images/viewall.png) no-repeat center center; }
.readmore{ color:#008bd5; }
.readmore span{ font-family:SimSun;}

#about{ width:100%; margin:40px 0 0 0; overflow:hidden; }
.homeImg{ width:100%; height:165px; margin:20px 0 0 0; display:block; }
.aboutInfo{ width:100%; margin:24px 0; line-height:3; font-size:12px; text-align:center; overflow:hidden; }

.view{ width:160px; height:40px; line-height:40px; border:1px solid #b5b5b5; display:block; text-align:center; margin:0 auto; color:#666; }
.view:hover{ border:1px solid #26abe4; color:#fff; background:#26abe4; }

#news{ width:100%; margin:40px 0 0 0; overflow:hidden; }
.newsRec{ width:1280px; list-style:none; margin:0; padding:0; overflow:hidden; }
.newsRec li{ width:283px; height:358px; float:left; margin:20px 20px 0 0; border:1px solid #ededed; overflow:hidden; }
.newsRec li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.newsRec li dl dt{ width:100%; height:170px; margin:0; padding:0; overflow:hidden; }
.newsRec li dl dt img{ width:283px; height:170px; display:block; }
.newsRec li dl dd{ margin:0; padding:20px; overflow:hidden; }
.newsRec li dl dd h4{ height:24px; margin:0; font-size:14px; font-weight:normal; overflow:hidden;  }
.newsRec li dl dd p{ height:60px; line-height:20px; margin:0; padding:0; overflow:hidden; }
.newsRec li dl dd span{ height:30px; line-height:30px; display:block; color:#aaa; background:url(../images/time.png) no-repeat left center; text-indent:16px; overflow:hidden; }

.iMore{ width:100px; height:28px; line-height:28px; display:block; margin:10px 0 0 0; text-align:center; background:url(../images/more1.png) no-repeat left top; font-size:14px; color:#666; }
.iMore:hover{ background:url(../images/more2.png) no-repeat left top; color:#fff; }


#contact{ width:330px; margin:30px 0 0 0; float:right;  overflow:hidden; }
.contactInfo{ width:100%; margin:10px 0 0 0; line-height:30px; font-size:12px; overflow:hidden; }
.contactInfo p{ margin:0; padding:0; }

.vv{ }
.feature_tour{ width:100%; margin:30px 0 0 0; overflow:hidden; }
.feature_tour .tab { width:240px; background:url(../images/tab.png) no-repeat; clear:both; float:left; overflow:hidden; }
.feature_tour .tab a { width:240px; height:60px; line-height:60px; font-size:16px; text-align:center; display:block; color:#555;  margin:2px 0 0 0; padding:0; }
.feature_tour .tab a.current { color:#fff;}
.feature_tour .mask { width:820px; margin:2px 0 0 0; float:right; position:relative; overflow:hidden; }
.feature_tour .mask .maskCon { width:2460px; }
.feature_tour .mask .maskCon .innerCon { width:820px; float:left; margin:0; padding:0; overflow:hidden; }

#inslide{ width:1920px; position:relative; left:50%; margin-left:-960px; }
#inslide img{ max-width:100%; display:block; margin:0 auto; }

.inSlide{ width:100%; height:464px; padding:0; position:relative; margin:0; overflow:hidden; }
.inSlide .inSlideL{display:block;position:absolute; z-index:50; width:24px;height:24px;left:126px; bottom:0; background:url(../images/up1.png) no-repeat left center;}
.inSlide .inSlideL:hover{ background:url(../images/up2.png) no-repeat left center;}
.inSlide .inSlideR{display:block;position:absolute; z-index:50; width:24px;height:24px;left:170px; bottom:0; background:url(../images/down1.png) no-repeat right center;}
.inSlide .inSlideR:hover{ background:url(../images/down2.png) no-repeat left center;}

.inSlide .inWin{ width:100%; height:400px; position:absolute; left:0; overflow:hidden;}
.inSlide ul{ list-style:none; margin:0; padding:0; overflow:hidden; }
.inSlide li{ width:100%; height:220px; float:left; margin:0; position:relative; overflow:hidden;}
.inSlide li img{ width:320px; height:180px; display:block; position:absolute; top:0; left:0; border-radius:6px; }
.inSlide li .dated{ font-size:48px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#999; position:absolute; top:0; left:360px; }
.inSlide li .dateym{ font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#999; position:absolute; top:50px; left:360px; }
.inSlide li h4{ font-size:15px; font-weight:normal; color:#0168ba; position:absolute; top:80px; left:360px;  }
.inSlide li p{ font-size:13px; font-weight:normal; color:#9c9c9c; margin:0; padding:0; line-height:2; position:absolute; top:102px; left:360px;}
}

.inewsRec { width:1280px; list-style:none; margin:0; padding:0 0 30px 0; overflow:hidden; }
.inewsRec li{ width:374px; height:288px; float:left; margin:30px 30px 0 0; border-bottom:5px solid #ebebeb; position:relative; overflow:hidden; }
.inewsRec li img{ width:374px; height:187px; display:block; }
.inewsRec li h4{ height:36px; line-height:36px; margin:0 12px 0 78px; border-bottom:1px solid #ebebeb; font-size:14px; font-weight:normal; }
.inewsRec li p{ height:48px; line-height:24px; margin:6px 12px 6px 78px; font-size:12px; color:#666; padding:0; overflow:hidden; }
.inewsRec li .newsday{ width:58px; height:36px; line-height:36px; display:block; text-align:center; border:1px solid #ebebeb; border-bottom:0; position:absolute; left:6px; top:150px; z-index:5; background:#fff; font-size:24px; font-weight:bold; color:#666; font-family:Arial, Helvetica, sans-serif; }
.inewsRec li .newsym{ width:58px; height:35px; line-height:35px; display:block; text-align:center; border:1px solid #ebebeb; position:absolute; left:6px; top:187px; z-index:5; background:#fff; font-size:12px; font-weight:bold; color:#666; font-family:Arial, Helvetica, sans-serif; }
.inewsRec li:hover img{ opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); }

.icontact{ width:100%; padding:30px 0 0 0; overflow:hidden; }
.icontactwin{ width:100%; padding:20px 0; overflow:hidden; }
.icontactwinL{ width:320px; clear:both; float:left; overflow:hidden; }
.icontactwinL h4{ font-size:30px; color:#019478; font-weight:normal; font-family:impact; }
.icontactwinL p{ margin:10px 0 0 0; padding:0; line-height:2;  }
.icontactwinR{ width:640px; float:right; overflow:hidden; }

.ivideoframe{ width:100%; height:165px; display:block; background:url(../images/vbg.png) no-repeat center 140px; position:relative; overflow:hidden; }
.ivideoframe a{ width:331px; height:140px; display:block; background:url(../images/vbtn.png) no-repeat center center; position:absolute; top:0; left:0; z-index:10;}




a.morein{  font-size:12px; color:#019478; text-decoration:underline; }

.inewspic{ width:100%; height:140px; overflow:hidden; }







.itoolt{ width:100%; height:64px; background:url(../images/win.png) no-repeat center top; text-align:center; overflow:hidden; }
.itoolt h3{ font-size:24px; font-weight:normal; color:#b68f60; margin:10px 0 0 0; height:36px; line-height:30px;  }
.itoolt em{ font-size:14px; color:#b68f60; font-style:normal; font-family:Arial, Helvetica, sans-serif; }

.irecservice{ width:100%; padding:40px 0; overflow:hidden;  }
.irecservicelist{ width:1150px; list-style:none; margin:0 0 0 2px; padding:0; overflow:hidden; }
.irecservicelist li{ width:256px; height:304px; float:left; margin:24px 24px 0 0; background:#ccac85; overflow:hidden;  }
.irecservicelist li img{ width:256px; height:228px; display:block; }
.irecservicelist li h4{ margin:10px 15px 0 15px; font-size:18px; color:#fff; font-weight:bold; }
.irecservicelist li p{ margin:10px 15px 0 15px; font-size:14px; color:#fff; }
.irecservicelist li:hover{ background:#8d0d96; }


.idoctor{ width:100%; height:463px; padding:40px 0; background:url(../images/doctor.jpg) no-repeat center top; overflow:hidden;  }
.idoctorProfile{ width:100%; height:30px; line-height:30px; margin:10px 0 0 0; text-align:center; overflow:hidden;  }

.idoctorlist{ width:1150px; list-style:none; margin:0; padding:0; overflow:hidden; }
.idoctorlist li{ width:260px; height:325px; float:left; margin:34px 20px 0 0; position:relative; overflow:hidden; }
.idoctorlist li img{ width:260px; height:325px; display:block; }
.idoctorlist li h4{ width:100%; height:55px; line-height:55px; text-align:center; background:url(../images/t3.png) repeat; position:absolute; left:0; bottom:0; z-index:10; font-size:14px; color:#fff; cursor:pointer; font-weight:normal; }


.TabBaoADArea{width:100%;height:304px; margin:30px 0 0 0; position:relative; overflow:hidden; }
.TaoBaoNav{width:304px;height:304px;overflow:hidden;position:absolute; top:0; }
.TaoBaoNav ul{ list-style:none; margin:0; padding:0; overflow:hidden; }
.TaoBaoNav ul li{width:150px;height:150px;float:left;margin:1px; position:relative; cursor:pointer;  overflow:hidden;}
.TaoBaoNav ul li img{ width:150px; height:150px; display:block; }
.TaoBaoNav ul li h4{ width:100%; height:30px; line-height:30px; padding:90px 0 30px 0; display:none; position:absolute; top:0; left:0; background:#8d0d96 url(../images/fdj.png) no-repeat center center; z-index:100; opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); font-size:14px; font-weight:normal; color:#fff; text-align:center; }
.TaoBaoNav ul li:hover h4{ display:block; }
.TaoBaoNav ul li.active{}
#TaoBaoADTabBox{width:476px; height:304px; overflow:hidden;position:absolute;top:0px;left:312px;}
#TaoBaoADTabBox ul{ list-style:none; margin:0; padding:0; overflow:hidden; }
#TaoBaoADTabBox li{width:100%;height:304px; margin:0; overflow:hidden;}
#TaoBaoADTabBox li img{ width:476px; height:302px; margin:1px 0; display:block; }






.ifaqt{ width:100%; height:22px; margin:12px 0 0 0; font-size:16px; color:#b68f60;  }
.ifaqlist{ list-style:none; margin:0; padding:0; overflow:hidden; }
.ifaqlist li{ line-height:20px; float:left; border:1px solid #eee; border-radius:5px; margin:8px 8px 0 0; padding:0 6px; font-size:12px; }
.ifaqlist li.ifaqmore{ margin:10px 0 0 0; padding:0; border-radius:0; border:0; }

.ilinks{ width:100%; margin:40px 0 0 0; overflow:hidden; }
.ilinkst{ width:100%; height:32px; font-size:16px; color:#b68f60; border-bottom:1px solid #e6e6e6; overflow:hidden;  }
.ilinklist{ width:100%; padding:20px 0; overflow:hidden; }
.ilinklist span{ margin:0 10px; }

.tabPic{ width:1250px; list-style:none; margin:0; padding:0; overflow:hidden; }
.tabPic li{ width:286px; height:238px; float:left; margin:20px 20px 0 0; position:relative; overflow:hidden; }
.tabPic li img{ width:420px; height:350px; position:absolute; top:-56px; left:-67px; }
.tabPic li h4{ width:100%; height:36px; line-height:36px; text-align:center;  font-size:14px; font-weight:normal; color:#fff; background:url(../images/hov.png) repeat; position:absolute; left:0; bottom:0; }

.iNewsWin{ width:100%; position:relative; overflow:hidden; }

.tabNews{ list-style:none; margin:0 0 0 615px; padding:0; overflow:hidden; }
.tabNews li{ width:100%; height:75px; float:left; margin:25px 0 0 0; overflow:hidden; }
.tabNews li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.tabNews li dl dt{ width:75px; height:75px; background:#f1f1f1; margin:0; padding:0; float:left; overflow:hidden;  }
.tabNews li dl dt .dateDay{ width:100%; height:50px; line-height:50px; font-size:40px; font-weight:bold; color:#666; text-align:center; font-family:"Times New Roman", Times, serif; }
.tabNews li dl dt .dateYM{ width:100%; text-align:center; font-size:14px; color:#666; font-family:"Times New Roman", Times, serif;  }
.tabNews li dl dd{ height:75px; margin:0 0 0 95px; padding:0; overflow:hidden; } 
.tabNews li dl dd h4{ font-size:16px; font-weight:normal; margin:0; padding:0; }
.tabNews li dl dd p{ width:100%; margin:6px 0 0 0; line-height:2; color:#666; overflow:hidden; }
.tabNews li:hover dl dt{ background:#e71f19; }
.tabNews li:hover dl dt .dateDay{ color:#fff; }
.tabNews li:hover dl dt .dateYM{ color:#fff; }




.slider-nav { display: block }
.slider-nav span { width: 50px; height: 50px; text-indent: -9999px; position: absolute; z-index: 1000; bottom: 0; cursor: pointer; }
.slider-nav span.right { background:#e71f19 url(../images/tor.png) no-repeat center center; right: 0; }
.slider-nav span.left { background:#e71f19 url(../images/tol.png) no-repeat center center; left: 0; }


.iService{ width:100%; background:#fff; overflow:hidden; }
.iServiceItem{ border:1px solid #e6e6e6; margin:0; padding:0; overflow:hidden; }
.iServiceItem dt{ width:160px; height:72px; margin:28px 0 0 0; padding:0; float:left; font-size:20px; text-align:center; overflow:hidden; }
.iServiceItem dt span{ font-size:14px; color:#666; font-family:"Times New Roman", Times, serif; }
.iServiceItem dd{ width:173px; height:100px; float:left; margin:0; padding:0; border-left:1px solid #e6e6e6; overflow:hidden; }
.iServiceItem dd a{ width:100%; height:100px; line-height:100px; display:block; text-indent:60px; font-size:14px; }

.iTeam{ width:100%; padding:50px 0; background:#fff; overflow:hidden; }

.iCrafts{ width:100%; height:426px; padding:50px 0; background:#272c32 url(../images/crafts.jpg) no-repeat center top; overflow:hidden; }
.ien2{ width:100%; height:24px; text-align:center; font-size:18px; font-weight:bold; color:#abacae; font-family:"Times New Roman", Times, serif;  overflow:hidden; }
.izh2{ width:100%; font-size:24px; text-align:center; color:#fff; overflow:hidden; }
.CraftsSlide{ width:100%; height:320px; padding:0; position:relative; margin:50px 0 0 0; overflow:hidden; }
.CraftsSlide .CraftsWin{ width:1160px; position:absolute; left:23px; overflow:hidden;}
.CraftsSlide li{ width:260px; height:320px; float:left; margin:0 40px 0 0; background:#fff; position:relative; overflow:hidden;}
.CraftsSlide li img{ width:260px; height:190px; display:block; margin:0 auto; }
.CraftsSlide li h4{ margin:20px 10px 0 10px; padding:0; font-size:16px; font-weight:normal; color:#e71f19; overflow:hidden; }
.CraftsSlide li p{ height:72px; line-height:24px; font-size:12px; margin:0; padding:10px; color:#666; overflow:hidden; }

.iNews{ width:100%; padding:50px 0; background:#fff; overflow:hidden; }




.iPartner{ width:100%; padding:50px 0; background:#fff; overflow:hidden; }
.iPartnerList{ list-style:none; margin:50px 0 0 0; padding:0; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; overflow:hidden; }
.iPartnerList li{ width:240px; height:120px; float:left; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; overflow:hidden; }
.iPartnerList li img{ opacity:0.3; }
.iPartnerList li:hover img{ opacity:1;  }



#sidebar{ width:265px; clear:both; float:left; overflow:hidden; }
#content{ width:895px; float:right; overflow:hidden; }

.leftNav{ width:100%; margin:0 0 0 0; overflow:hidden; }

.column{ width:100%; height:72px; line-height:72px; background:#26abe4; font-size:20px; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#fff; text-indent:20px; overflow:hidden; }

#crumbs{ width:100%; height:36px; margin:80px 0 0 0; border-bottom:1px solid #ededed; font-size:12px; overflow:hidden; }
.symbol{ margin:0 6px; font-family:SimSun;  }

.crumbsL{ clear:both; float:left; font-size:24px; color:#333;}
.crumbsR{ height:36px; line-height:36px; float:right; font-size:14px; }
.crumbsR a{ font-size:14px; }
.crumbsR span{ margin:0 16px; }

#crumbsDet{ width:1200px; margin:100px auto 0 auto; height:20px; line-height:20px; background:url(../images/position.png) no-repeat left center; text-indent:18px; color:#333; overflow:hidden; }

#diyFullNav{ width:100%; background:#fff; overflow:hidden; }

.subClass{ list-style:none; margin:0; padding:0; overflow:hidden; }
.subClass li{ width:20%; float:left; }
.subClass li a{ height:80px; padding:20px 0; text-align:center; display:block; border-top:2px solid #fff; }
.subClass li img{ width:80px; height:60px; display:block; margin:0 auto; }
.subClass li h4{ font-size:14px; color:#333; }
.subClass li a:hover,.subClass li a.cur{ background:#f6f7f9; border-top:2px solid #0890da; }

.topClass{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.topClass li{ line-height:36px; float:left; margin:0 0 0 20px; }
.topClass li a{ padding:0; height:36px; display:block; font-size:14px; }
.topClass li a:hover,.topClass li a.cur{ color:#008cd9; }

.distributorMainL{ width:540px; clear:both; float:left; overflow:hidden; }
.distributorMainR{ width:600px; float:right; overflow:hidden; }

.distributorItem{ width:100%; margin:0; padding:0; overflow:hidden; }
.distributorItem dt{ font-size:18px; color:#333;  }
.distributorItem dd{ margin:10px 0 0 0; padding:0; line-height:2; font-size:14px; color:#999; overflow:hidden; }

.diyClassProfile{ margin:20px 0 0 0; line-height:2; overflow:hidden; }


.leftAd{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.leftAd img{ width:100%; display:block; }

.leftContactTit{ width:100%; height:60px; line-height:60px; background:#0168ba; font-size:24px; font-weight:bold; color:#fff; text-align:center; overflow:hidden; }
.leftContactWin{ border:1px solid #e6e6e6; border-top:0; padding:12px; overflow:hidden; }
.leftContactPic{ width:100%; overflow:hidden; }
.leftContactPic img{ max-width:100%; display:block; }
.leftContactDiy{ margin:10px 0 0 0; line-height:2; }
.leftContactDiy p{ margin:0; padding:0; }

.leftContactItem{ border:1px solid #d2d2d2; border-top:0; padding:12px; overflow:hidden;  }
.leftContactPic{ width:100%; overflow:hidden; }
.leftContactProfile{ width:100%; margin:6px 0 0 0; line-height:2; overflow:hidden; }
.leftContactProfile p{ margin:0; padding:0; }

.leftHotline{ height:36px; line-height:18px; font-size:12px; color:#5f5f5f; background:url(../images/tel.png) no-repeat left center; padding:0 0 0 36px; overflow:hidden;  }
.leftHotline span{ font-size:16px; font-weight:bold; color:#b68f60; font-family:Arial, Helvetica, sans-serif; }
.leftEmail{ height:36px; line-height:18px; font-size:12px; color:#5f5f5f; margin:12px 0 0 0; background:url(../images/email.png) no-repeat left center; padding:0 0 0 36px; overflow:hidden;  }
.leftEmail span{ font-size:16px; font-weight:bold; color:#b68f60; font-family:Arial, Helvetica, sans-serif; }

.leftCase{ width:100%; margin:20px 0 0 0; border-radius:3px; overflow:hidden; }
.leftCaseList{ list-style:none; margin:0; padding:8px 0 20px 0; background:#fafafa; border:1px solid #e6e6e6; border-top:0; overflow:hidden; }
.leftCaseList li{ width:210px; height:175px; margin:12px 0 0 14px; float:left; overflow:hidden;}
.leftCaseList li a{ width:100%; height:100%; display:block; position:relative; }
.leftCaseList li a img{ width:360px; height:300px; position:absolute; top:-63px; left:-75px; }
.leftCaseList li a h4{ width:100%; height:36px; line-height:36px; text-align:center;  font-size:14px; font-weight:normal; color:#fff; background:url(../images/hov.png) repeat; position:absolute; left:0; bottom:0; }





.leftLxfs{ border:1px solid #e6e6e6; border-radius:3px; margin:20px 0 0 0; padding:20px 14px; background:#fafafa; overflow:hidden; }
.lxfsTen{ width:100%; font-size:20px; font-family:"Times New Roman", Times, serif; overflow:hidden; }
.lxfsTzh{ width:100%; height:30px; line-height:30px; font-size:16px; color:#fff; text-indent:12px; background:#000; margin:6px 0 0 0; overflow:hidden; }
.lxfsTel{ width:100%; height:36px; line-height:36px; margin:10px 0 0 0; background:url(../images/lxT.png) no-repeat left center; font-size:14px; color:#000; text-indent:20px; overflow:hidden; }
.lxfsFax{ width:100%; height:36px; line-height:36px; background:url(../images/lxF.png) no-repeat left center; font-size:14px; color:#000; text-indent:20px; overflow:hidden; }
.lxfsEmail{ width:100%; height:36px; line-height:36px; background:url(../images/lxE.png) no-repeat left center; font-size:14px; color:#000; text-indent:20px; overflow:hidden; }
.lxfsAddress{ width:100%; height:36px; line-height:36px; background:url(../images/lxA.png) no-repeat 2px center; font-size:14px; color:#000; text-indent:20px; overflow:hidden; }

#JINGDONGBox{ width:100%; height:400px; position:relative; overflow:hidden;}
#JINGDONGNumID{ position:absolute; bottom:15px; left:45%; list-style:none; margin:0; padding:0; }
#JINGDONGNumID li{width:20px;height:20px; line-height:20px; float:left; background:url(../images/h1.png) no-repeat center center;color:#333;text-align:center;cursor:pointer;margin:6px 0 0 2px;overflow:hidden;}
#JINGDONGNumID li:hover,#JINGDONGNumID li.active{ background:url(../images/h2.png) no-repeat center center;color:#1e5993; }
#JINGDONGContentID{ position:absolute; bottom:0px; left:0; list-style:none; margin:0; padding:0; }
#JINGDONGContentID li{position:relative; height:400px;}
.comt{width:100%;height:30px; line-height:30px; position:absolute; background:url(../images/bj_a8.png) repeat; left:0;bottom:0;font-size:12px; font-weight:bold; color:#fff; text-indent:20px; text-align:left; }


.leftPro{ border:1px solid #ccc; padding:18px; 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:160px; height:160px; display:block; }
.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; }


.ListCase{ width:900px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListCase li{ width:258px; height:258px; float:left; border:1px solid #ccc; margin:20px 20px 0 0; position:relative; overflow:hidden;}
.ListCase li img{ width:258px; height:258px; display:block; }
.ListCase li h4{ width:100%; height:40px; line-height:40px; font-size:12px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; background:url(../images/black.png) repeat; z-index:10; overflow:hidden; }
.ListCase li:hover{ border:1px solid #008bd5; }
.ListCase li:hover h4{ background:url(../images/hover.png) repeat;}

.ListDownload{ width:800px; list-style:none; margin:20px 0 0 0; padding:0; overflow:hidden; }
.ListDownload li{ width:240px; height:240px; float:left; margin:0 20px 0 0; position:relative; overflow:hidden;}
.ListDownload li img{ width:150px; height:200px; display:block; margin:0 auto; }
.ListDownload li h4{ width:100%; height:40px; line-height:40px; font-size:12px; text-align:center;  overflow:hidden; }


.defaultcasepic{ width:100%; margin:20px 0 0 0; text-align:center;  overflow:hidden; }
.defaultcasepic img{ max-width:400px; }


.ListProducts{ width:1280px; list-style:none; margin:-20px 0 0 0; padding:0; overflow:hidden; }
.ListProducts li{ width:283px; height:338px; float:left; margin:20px 20px 0 0; border:1px solid #ededed; background:#fff; position:relative; overflow:hidden; }
.ListProducts li a{ display:block; }
.ListProducts li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListProducts li dl dt{ width:100%; height:226px; margin:0; padding:0; overflow:hidden; }
.ListProducts li dl dt img{ width:283px; height:226px; display:block; }
.ListProducts li dl dd{ height:120px; margin:0; padding:20px 20px; text-align:center; overflow:hidden; }
.ListProducts li dl dd h4{ font-size:14px; font-weight:bold; color:#333; }
.ListProducts li dl dd p{ margin:10px 0 0 0; padding:0; line-height:20px; color:#666; }


.play { width:720px; height:446px; margin:30px auto 0 auto; background:#333; position:relative; overflow:hidden; }
.big_pic { width:100%; height:360px; list-style:none; margin:0; padding:0; overflow: hidden; position:relative; background:#222; }
.big_pic li { width: 720px; height: 360px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; background: url(../images/loading.gif) no-repeat center center; }
.big_pic li img{ width:720px; height:360px; }
.mark_left { width: 360px; height: 360px; position: absolute; left: 0; top: 0; background:#000; filter: alpha(opacity:0); opacity: 0; z-index:300; }
.mark_right { width: 360px; height: 360px; position: absolute; right: 0; top: 0; background:#000; filter: alpha(opacity:0); opacity: 0; z-index:300; }
.play .prev { width: 60px; height: 60px; background: url(../images/btn.gif) no-repeat; position: absolute; top: 150px; left: 10px; z-index: 400; cursor: pointer; filter:alpha(opacity: 0); opacity:0; }
.play .next { width: 60px; height: 60px; background: url(../images/btn.gif) no-repeat 0 -60px; position: absolute; top: 150px; right: 10px; z-index: 400;cursor: pointer; filter:alpha(opacity: 0); opacity:0; }
.small_pic { width:700px; height: 66px; position:relative; margin:10px 0 0 10px; overflow: hidden; }
.small_pic ul { width:100%; list-style:none; margin:0; padding:0; position: absolute; top: 0; left: 0; overflow:hidden; }
.small_pic li { width: 132px; height: 66px; float: left; padding-right: 10px; background:url(../images/loading.gif) no-repeat center center; cursor: pointer; filter: alpha(opacity=60); opacity: 0.6; }
.small_pic img { width: 132px; height: 66px; }


.diylayout{ border:1px solid #e6e6e6; margin:10px 0 0 0; overflow:hidden;}
.diylayout h1{ margin:0 10px; padding:0; font-size: 24px; font-weight: normal; text-align: center; line-height:80px; border-bottom: 1px solid #e6e6e6; color: #333;}
.diycanshu{ width:100%; line-height:60px; text-align:center; font-size:14px; color:#666; }
.diygaiyao{ width:100%; border-top:1px solid #e6e6e6; overflow:hidden;}
.diygaiyaoL{ width:40px; height:40px; line-height:20px; padding:20px; background:#e6e6e6; font-size:16px; color:#999; text-align:center; clear:both; float:left; overflow:hidden; }
.diygaiyaoR{ width:810px; height:50px; line-height:25px; float:left; margin:15px; font-size:12px; color:#999; overflow:hidden; }

.innewsclass{ width:348px; margin:20px 0 0 0; float:left; overflow:hidden; }
.innewsclasst{ width:100%; height:36px; overflow:hidden; }
.innewsclasst h3{ font-size:14px; font-weight:bold; color:#b68f60; float:left; }
.innewsclasst a{ float:right; }

.ListSearch{ list-style:none; margin:0; padding:0; overflow:hidden; }
.ListSearch li{ padding:5px; border:1px solid #e6e6e6; border-radius:5px; float:left; margin:10px 10px 0 0;  }

.inlstyle2{ width:100%; margin:12px 0 0 0; padding:0; overflow:hidden; }
.inlstyle2 dt{ width:100%; height:205px; margin-bottom:10px; position:relative; overflow:hidden; }
.inlstyle2 dt img{ width:100%; height:205px; display:block; }
.inlstyle2 dt h4{ width:100%; height:40px; line-height:40px; position:absolute; left:0; bottom:0; z-index:10; background:url(../images/t10.png) repeat; font-size:14px; font-weight:normal; color:#fff; text-indent:12px; overflow:hidden;  }
.inlstyle2 dd{ width:100%; height:30px; line-height:30px; margin:0; padding:0; background:url(../images/t10.png) no-repeat left center; text-indent:12px; font-size:12px; overflow:hidden; }
.inlstyle2 dd span{ float:right; font-family:Arial, Helvetica, sans-serif; color:#666; }

.ListNews{ width:1280px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListNews li{ width:283px; height:358px; float:left; margin:20px 20px 0 0; border:1px solid #ededed; overflow:hidden; }
.ListNews li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListNews li dl dt{ width:100%; height:170px; margin:0; padding:0; overflow:hidden; }
.ListNews li dl dt img{ width:283px; height:170px; display:block; }
.ListNews li dl dd{ margin:0; padding:20px; overflow:hidden; }
.ListNews li dl dd h4{ height:24px; margin:0; font-size:14px; font-weight:normal; overflow:hidden;  }
.ListNews li dl dd p{ height:60px; line-height:20px; margin:0; padding:0; overflow:hidden; }
.ListNews li dl dd span{ height:30px; line-height:30px; display:block; color:#aaa; background:url(../images/time.png) no-repeat left center; text-indent:16px; overflow:hidden; }

.ListDistributor{ width:1280px; list-style:none; margin:-30px 0 0 0; padding:0; overflow:hidden; }
.ListDistributor li{ width:380px; float:left; margin:30px 30px 0 0; }
.ListDistributor li dl { margin:0; padding:15px; overflow:hidden; }
.ListDistributor li dl dt{ width:30px; height:20px; float:left; background:url(../images/addr.png) no-repeat left top; overflow:hidden;  }
.ListDistributor li dl dd{ margin:0; padding:0; overflow:hidden; }
.ListDistributor li dl dd h4{ height:20px; line-height:20px; font-size:14px; font-weight:normal; overflow:hidden; }
.ListDistributor li dl dd p{ height:100px; margin:5px 0 0 0; padding:0; line-height:20px; overflow:hidden; }
.ListDistributor li:hover{ background:#eaf4f9; }

.clickto{ width:40px; height:40px; display:block; background:url(../images/click.png) no-repeat left top; margin:10px 0 0 0;}


.ListCertificate{ width:1280px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListCertificate li{ width:283px; height:427px; float:left; margin:20px 20px 0 0; border:1px solid #ededed; background:#fff; padding:0; overflow:hidden; }
.ListCertificate li a{ display:block; }
.ListCertificate li img{ width:283px; height:377px; }
.ListCertificate li h4{ width:100%; height:50px; line-height:50px; text-align:center; font-size:14px; color:#666; font-weight:normal; overflow:hidden;  }

.ListFaq{ list-style:none; margin:10px 0 0 0; padding:0; overflow:hidden; }
.ListFaq li{ width:100%; padding:20px 0; float:left; background:url(../images/npoint.png) repeat-x left bottom; overflow:hidden; }
.ListFaq li h4{ height:24px; line-height:24px; padding:0 0 0 30px; background:url(../images/ask.png) no-repeat left center; font-size:16px; color:#96c11c; }
.ListFaq li p{ margin:12px 0 0 0; padding:0 0 0 30px; line-height:2; background:url(../images/answer.png) no-repeat left top; font-size:14px; color:#999; overflow:hidden;  }

.ListHonor{ width:900px; list-style:none; margin:20px 0 0 0; padding:0; overflow:hidden; }
.ListHonor li{ width:270px; height:220px; float:left; margin:0 20px 0 0; overflow:hidden; }
.ListHonor li img{ width:270px; height:180px; display:block; }
.ListHonor li h4{ width:100%; height:40px; line-height:40px; font-size:12px; font-weight:normal; margin:0; padding:0; text-align:center; }

.ListEnvironment{ width:900px; list-style:none; margin:20px 0 0 0; padding:0; overflow:hidden; }
.ListEnvironment li{ width:270px; height:220px; float:left; margin:0 20px 0 0; overflow:hidden; }
.ListEnvironment li img{ width:270px; height:180px; display:block; }
.ListEnvironment li h4{ width:100%; height:40px; line-height:40px; font-size:12px; font-weight:normal; margin:0; padding:0; text-align:center; }

.ListEquipment{ width:900px; list-style:none; margin:20px 0 0 0; padding:0; overflow:hidden; }
.ListEquipment li{ width:270px; height:220px; float:left; margin:0 20px 0 0; overflow:hidden; }
.ListEquipment li img{ width:270px; height:180px; display:block; }
.ListEquipment li h4{ width:100%; height:40px; line-height:40px; font-size:12px; font-weight:normal; margin:0; padding:0; text-align:center; }




.diySpace{ width:100%; margin:20px 0 0 0; overflow:hidden;}
.TeamDefault{ width:400px; height:480px; clear:both; float:left; overflow:hidden; }
.TeamContent{ margin:0 0 0 420px; line-height:2; font-size:14px; overflow:hidden; }
.TeamContent p{ margin:0; padding:0; }


.ListVideo{ width:1000px; list-style:none; margin:-20px 0 0 0; padding:0; overflow:hidden; }
.ListVideo li{ width:300px; height:260px; float:left; margin:20px 30px 0 0; position:relative; }
.ListVideo li img{ width:300px; height:200px; display:block; }
.ListVideo li .fancyboxVideo,.ListVideo li .iframe{ width:100%; height:200px; display:block; position:absolute; top:0; left:0; z-index:5; background:#000 url(../images/vbtn.png) no-repeat center center; opacity:0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;filter: alpha(Opacity=80); overflow:hidden;  }
.ListVideo li h4{ width:100%; height:40px; line-height:40px; margin:0; font-size:14px; padding:0;  text-align:center; overflow:hidden; }

.btnvdwon{ width:100%; height:20px; line-height:20px; display:block; text-align:center; font-size:14px;  }


.ListSupport{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListSupport li{ line-height:2; padding:6px 0; margin:0; font-size:14px; font-weight:bold; border-bottom:1px solid #eee; }
.ListSupport li span{ float:right; color:#999; font-weight:normal; font-family:Arial, Helvetica, sans-serif;  }

.ListGallery{ width:1200px; list-style:none; margin:0 0 0 0; padding:0; overflow:hidden; }
.ListGallery li{ width:260px; height:230px; float:left; margin:20px 20px 0 0; }
.ListGallery li img{ width:260px; height:195px; display:block; }
.ListGallery li h4{ width:100%; margin:10px 0 0 0; padding:0; font-size:14px; text-align:center; }

.ListCustomer{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListCustomer li{ width:100%; height:126px; float:left; padding:20px 0; border-top:1px solid #e8e8e8; 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; padding:2px; border:1px solid #ccc; 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:24px; margin:0; padding:0; font-size:14px; overflow:hidden; }
.ListCustomer li dl dd p{ width:100%; margin:0; padding:0; line-height:2; color:#777; font-size:14px; overflow:hidden; }

.ListSnav{ list-style:none; margin:20px 0 0 0; padding:0; overflow:hidden; }
.ListSnav li{ float:left; margin-right:1px; }
.ListSnav li a{ padding:12px 20px; display:block; font-size:14px; background:#eee; border-top:1px solid #ddd;  }
.ListSnav li.on a,.ListSnav li:hover a{ color:#e71f19; border-top:1px solid #e71f19; background:#fff;   }

.ListPartner{ width:960px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListPartner li{ width:218px; height:109px; float:left; border:1px solid #e6e6e6; margin:20px 20px 0 0; 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; color:#008cd9; overflow:hidden; }
.diyquick span{ color:#ccc;}


.defaultCase{ width:100%; margin:30px 0 0 0; overflow:hidden; }
.defaultCase img{ max-width:100%; display:block; margin:0 auto; }

.diyit{ width:100%; height:38px; border-bottom:2px solid #e5221c; overflow:hidden; }
.diyit h3{ float:left; margin:0; padding:0 0 0 20px; font-size:20px; color:#e5221c; background:url(../images/ico1.png) no-repeat left 10px;}
.diyit a{ width:44px; height:45px; display:block; background:url(../images/more.png) no-repeat left top; float:right; margin:10px 0 0 0; }

.casebasic{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.casebasicL{ width:400px; clear:both; float:left; overflow:hidden; }
.casebasicL img{ width:400px; height:240px; }
.casebasicR{ margin:0 0 0 420px; overflow:hidden; }
.casebasicR h1{ font-size:24px; font-weight:normal; color:#000; }
.casebasicR p{ width:100%; margin:10px 0 0 0; line-height:2; overflow:hidden; }

.fbrq{ width:100%; height:24px; line-height:24px; margin:10px 0 0 0; background:url(../images/nclock.png) no-repeat 3px center; text-indent:24px;  }
.views{ width:100%; height:24px; line-height:24px; background:url(../images/nview.png) no-repeat left center; text-indent:24px;  }


.diyProList{ width:1000px; list-style:none; margin:-20px 0 0 0; padding:0; overflow:hidden; }
.diyProList li{ width:225px; height:265px; float:left; margin:20px 20px 0 0; overflow:hidden; }
.diyProList li img{ width:225px; height:225px; display:block; }
.diyProList li h4{ width:100%; height:40px; line-height:40px; margin:0; padding:0; text-align:center; font-size:14px; font-weight:bold; overflow:hidden; }



.diyCustomer{ width:100%; padding:40px 0; background:#fff; overflow:hidden; }
.diyCustomerList{ width:1080px; list-style:none; margin:50px 0 0 0; padding:0; overflow:hidden; }
.diyCustomerList li{ width:240px; height:396px; float:left; margin:0 30px 0 0; background:#efefef; border-bottom:4px solid #ccc; }
.diyCustomerList li img{ width:240px; height:160px; display:block; }
.diyCustomerList li h4{ height:20px; line-height:20px; margin:20px; padding:0; text-align:center; overflow:hidden; }
.diyCustomerList li h4 a{ font-size:16px; color:#333; }
.diyCustomerList li p{ margin:0 16px; padding:0; height:120px; line-height:30px; color:#666; overflow:hidden; }
.diyCustomerList li .customerMore{ width:66px; height:25px; display:block; background:url(../images/view1.png) no-repeat center center; margin:12px auto; padding:0; display:block; cursor:pointer; outline:0; }
.diyCustomerList li:hover{ border-bottom:4px solid #c91520; }
.diyCustomerList li:hover .customerMore{ background:url(../images/view2.png) no-repeat center center;}

.diyAbout{ width:100%; margin:40px 0 0 0; overflow:hidden; }

.diyAboutM{ width:100%; height:375px; margin:40px 0 0 0; overflow:hidden; }
.diyAboutML{ width:375px; height:375px; clear:both; float:left; overflow:hidden; }
.diyAboutMR{ margin:0 0 0 395px; line-height:2; font-size:14px; overflow:hidden; }
.diyAboutMR p{ margin:0; padding:0; }

.diyVideo{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.diyVideoList{ width:1250px; list-style:none; margin:0 0 0 0; padding:0; overflow:hidden; }
.diyVideoList li{ width:285px; height:240px; float:left; margin:20px 20px 0 0; position:relative; overflow:hidden; }
.diyVideoList li a{ width:100%; height:190px; display:block; position:absolute; top:0; left:0; z-index:5; background:#000 url(../images/vbtn.png) no-repeat center center; opacity:0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;filter: alpha(Opacity=80); overflow:hidden; }
.diyVideoList li h4{ width:100%;  height:50px; line-height:50px; text-align:center; margin:0; padding:0; font-size:16px; overflow:hidden; }

.diyNews{ width:100%; margin:40px 0; overflow:hidden; }
.diyNewsList{ width:1250px; list-style:none; margin:0; padding:0; overflow:hidden; }
.diyNewsList li{ width:580px; height:150px; float:left; margin:40px 40px 0 0;  }
.diyNewsList li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.diyNewsList li dt{ width:225px; height:150px; margin:0; padding:0; clear:both; float:left; overflow:hidden; }
.diyNewsList li dd{ margin:0 0 0 245px; padding:0; overflow:hidden; }
.diyNewsList li dd h4{ width:100%; height:30px; margin:0; padding:0; font-size:16px; font-weight:bold; overflow:hidden; }
.diyNewsList li dd span{ margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; }
.diyNewsList li dd p{ width:100%; margin:6px 0 0 0; line-height:2; font-size:14px; color:#666; overflow:hidden; }



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

.fengcaiSlide{ width:100%; height:164px; padding:0; position:relative; margin:20px 0 0 0; overflow:hidden; }
.fengcaiSlide .fengcaiWin{ width:1051px; position:absolute;left:0; overflow:hidden;}
.fengcaiSlide li{ width:246px; height:164px; float:left; margin:0 22px 0 0; position:relative; overflow:hidden;}
.fengcaiSlide li img{ width:246px; height:164px; display:block; }

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



.diyJoin{ position:absolute; top:5px; right:0; font-size:14px; font-weight:bold; }
.diyhits{ position:absolute; top:3px; left:180px; font-size:12px; }


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



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


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



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

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



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




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

.fenye{ width:100%; margin:30px 0 0 0; text-align:center; overflow:hidden;  }
.fenye a{ padding:7px 14px; margin:0 3px; border:1px solid #ededed; background:#fff; display:inline-block;*display:inline; *zoom:1; font-size:12px; color:#666; }
.fenye a.pageon,.fenye a:hover{ color:#fff; background:#008cd9;  border:1px solid #008cd9;    }

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


.textinp{ width:240px; height:16px; line-height:16px; border:1px solid #ddd; margin:0; padding:10px; outline:0; background:#fff; }
.textinp2{ width:400px; height:120px; margin:0; padding:10px; border:1px solid #ddd; background:#fff; outline:0; }
.textinp3{ width:80px; height:16px; line-height:16px; border:1px solid #ddd; margin:0; padding:10px; outline:0; background:#fff; }
.mandatory{ color:#f00;}

.fbtn{ height:36px; line-height:36px; margin:0; padding:0 36px; border:0; background:#eee; outline:0; font-size:14px; cursor:pointer; }
.fbtn:hover{ background:#26abe4; color:#fff; }


.yybtn{ padding:5px 12px; background:#b68f60; border:1px solid #b68f60; border-radius:3px; margin:0; outline:0; cursor:pointer; font-size:12px; color:#fff; }

.artName{ width:100%; font-size:24px; font-weight:normal; margin:20px 0 0 0; padding:0; text-align:center; color:#333; overflow:hidden; }
.seotit{ width:100%; font-size:20px; font-weight:normal; color:#000; margin:30px 0 0 0; text-align:center;  }
.seotit2{ width:100%; font-size:24px; font-weight:bold; color:#96c11c; padding:20px 0; background:url(../images/line.png) no-repeat center bottom; text-align:center;  }

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


.ListSupports{ list-style:none; margin:60px 0; padding:0; overflow:hidden; }
.ListSupports li{ width:33.33%; float:left; overflow:hidden; }
.ListSupports li img{ max-width:100%; display:block; margin:0 auto; }
.ListSupports li h4{ font-size:14px; font-weight:normal; text-align:center; margin:20px 0 0 0; color:#26abe4; }

.ListShop{ list-style:none; margin:0; padding:0; overflow:hidden; }
.ListShop li{ width:25%; float:left; overflow:hidden; }
.ListShop li a{ margin:20px; display:block; }
.ListShop li img{ max-width:100%; display:block; margin:0 auto; border:1px solid #bfbfbf; border-radius:10px; }






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


.defaultPic{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.defaultPic img{ max-width:100%; display:block; margin:0 auto; }


.inColumn{ font-size:30px; text-align:center; color:#333; }

.article{ width:100%; line-height:2; margin:20px 0 0 0; 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 #e1e1e1; border-left:1px solid #e1e1e1; }
.article table tr td{ border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:3px; text-align:center; }
.article table tr td p{ margin:0; padding:0; }

.ListDown{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListDown li{ width:100%; padding:20px 0; border-bottom:1px solid #bfbfbf; overflow:hidden;  }
.ListDown li a{ width:100%; display:block; overflow:hidden; }
.ListDown li em{ font-size:14px; font-family:Arial, Helvetica, sans-serif; font-style:normal;  }
.ListDown li h4{ font-size:14px; font-weight:normal; margin:6px 0 0 0; }
.ListDown li span{ width:44px; height:44px; display:block; float:right; background:url(../images/down1.png) no-repeat center center; }
.ListDown li:hover span{ background:url(../images/down2.png) no-repeat center center; } 



.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{ margin:20px 0 0 0; }
.tab_download tr td{ border-bottom:1px solid #ededed; padding:20px 0; text-align:center; font-size:12px; }
.tab_download thead tr td{ font-size:14px; font-weight:bold; color:#008cd9; background:#fff; }

.listSiteMap{ width:100%; list-style:none; margin: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:#b68f60; 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;}