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

html { overflow-x:hidden; }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#666; word-wrap:break-word; background:#fff; font-family:"Microsoft YaHei"; }
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#666; }
a:hover { text-decoration:none; color:#1d69df; }

h1{ font-size:30px; margin:0px; padding:0px; }
h2{ font-size:24px; margin:0px; padding:0px; }
h3{ font-size:20px; margin:0px; padding:0px; }
h4{ font-size:18px; margin:0px; padding:0px; }
h5{ font-size:16px; margin:0px; padding:0px; }
h6{ font-size:14px; margin:0px; padding:0px; }

input,textarea{ font-family:"Microsoft YaHei";  }


#header{ width:100%; height:63px; background:url(../images/bj_top.png) repeat-x left top; position:absolute; top:0; left:0; z-index:100; overflow:hidden; }
#menu{ width:100%; height:70px; background:url(../images/bj_m1.png) repeat-x left top; position:absolute; top:63px; left:0; z-index:100;  }
#banner {width:100%; overflow:hidden; }
#imainContent{width:100%; height:450px; background:url(../images/imbg.png) no-repeat center top; overflow:hidden; }
#mainContent {width:1002px; margin:0 auto; overflow:hidden; }
#footer{width:100%; margin:50px 0 0 0; padding:30px 0; background:#f5f5f5; border-top:1px solid #f1f1f1; overflow:hidden; }


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

.autowidth{ width:100%; overflow:hidden; }

.footerL{ width:750px; clear:both; float:left; overflow:hidden; }
.footerR{ width:180px; float:right; overflow:hidden; }

.fmenu{ width:100%; overflow:hidden;}
.fmenu a{ font-size:12px; color:#808080; }
.fmenu a:hover{ color:#1d69df; }
.fmenu span{ margin:0 6px; color:#ccc; font-size:10px; }
.flinks{ width:100%; margin:20px 0 0 0; color:#808080; overflow:hidden; }
.flinks a{ color:#808080;  }
.flinks span{ margin:0 6px; }
.copr{ width:100%; margin:20px 0 0 0; color:#808080; line-height:1.5; overflow:hidden; }

.fprompt{ width:72px; height:51px; line-height:15px; padding:5px 0; margin:20px 0 0 0; text-align:center; font-size:12px; color:#fff; clear:both; float:left; background:url(../images/ico4.png) no-repeat left top; }
.fqrcode{ width:100px; height:100px; float:right; overflow:hidden; }

.fenye{ margin:30px auto 0 auto; clear:both; float:right; overflow:hidden;  }
.fenye span{ height:24px; line-height:24px; padding:0 12px; display:block; float:left; border:1px solid #e0e0e0; margin:0 3px;  }
.fenye span.on{  color:#2e8f9a; }
.fenye a{ height:24px; line-height:24px; padding:0 12px; display:block; float:left; border:1px solid #e0e0e0; margin:0 3px;  }




.sidebar{ width:201px; clear:both; float:left; overflow:hidden; }
.content{ width:781px; float:right; overflow:hidden;  }

.hotline{ width:168px; height:43px; line-height:43px; clear:both; float:left; margin:20px 0 0 680px; background:url(../images/bj_hotline.png) no-repeat left center; padding:0 0 0 30px; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#1b2e84; }
.lang{ float:right; margin:20px 0 0 0; }

.logo{ width:300px; height:70px; clear:both; float:left; overflow:hidden; }
.topmenu{ width:680px; height:70px; float:right; }

.mainMenu{ list-style:none; margin:0; padding:0; float:right; }
.mainMenu li{ line-height:70px; float:left; margin:0 0 0 28px; position:relative; }
.mainMenu li:hover,.mainMenu li.on{ background:url(../images/bj_m2.png) repeat-x left 58px; }
.mainMenu li a{ height:70px; float:left; color:#666; font-size:14px; font-weight:bold; }
.mainMenu li:hover a,.mainMenu li.on a,.mainMenu li a:hover{ color:#1f348f;}
.mainMenu li ul{ width:120px; list-style:none; margin:0 0 0 -60px; padding:0; background:url(../images/bj_m1.png) repeat; position:absolute; z-index:100; top:70px; left:50%; display:none; }
.mainMenu li ul li{ width:100%; line-height:32px; float:left; border-bottom:1px solid #ecf0f7; margin:0; }
.mainMenu li ul li:hover{ background:none; }
.mainMenu li ul li a{ width:100%; height:32px; font-size:12px; font-weight:normal; text-align:center; }
.mainMenu li:hover ul li a{ color:#333; }
.mainMenu li:hover ul li a:hover{ color:#1f348f;}
.mainMenu li:hover ul{ display:block; }
/*.mainMenu li:hover ul li ul{ width:180px; list-style:none; margin:0 0 0 0; padding:0; position:absolute; z-index:100; left:200px; top:0; display:none; }
.mainMenu li:hover ul li ul li{ background:#0093dd; }
.mainMenu li:hover ul li ul li:hover{ background:#00a2f3;}
.mainMenu li:hover ul li:hover ul{ display:block;}
*/

/*.mainMenu{ list-style:none; margin:0; padding:0; float:right; }
.mainMenu li{ line-height:20px; float:left; margin:0 0 0 5px; padding:5px 0; position:relative; z-index:100; }
.mainMenu li a{ height:20px; padding:0 15px; display:block; color:#000; font-size:12px; font-weight:bold; }
.mainMenu li:hover,.mainMenu li.on{ background:url(../images/bj_m1.png) no-repeat right center; }
.mainMenu li:hover a,.mainMenu li.on a{ background:url(../images/bj_m2.png) no-repeat left center; color:#fff; }
.mainMenu li ul{ width:200px; list-style:none; margin:0; padding:0;  float:left; position:absolute; top:30px; left:0; display:none; }
.mainMenu li ul li{ width:100%; line-height:30px; float:left; margin:0; padding:0; position:relative; background:#0f8d44 url(../images/bj_m3.png) no-repeat right center; }
.mainMenu li ul li:hover{ background:#0093dd url(../images/bj_m3.png) no-repeat right center;  }
.mainMenu li ul li a{ width:100%; height:30px; margin:0; padding:0; text-indent:15px; color:#fff; }
.mainMenu li:hover ul li a{ background:none; color:#fff;}
.mainMenu li:hover ul{ display:block; }
.mainMenu li:hover ul li ul{ width:180px; list-style:none; margin:0 0 0 0; padding:0; position:absolute; left:200px; top:0; display:none; }
.mainMenu li:hover ul li ul li{ background:#0093dd; }
.mainMenu li:hover ul li ul li:hover{ background:#0084c7;}
.mainMenu li:hover ul li:hover ul{ display:block;}
*/



.mainbanner{height:619px;overflow:hidden; position:relative; z-index:10; }
.mainbanner_window{left:50%;width:1920px;height:619px;overflow:hidden;margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:619px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:1920px;height:619px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:50%;top:580px;width:156px;height:14px;margin:0 0 0 -78px; padding:0; list-style:none; position:absolute; }
.mainbanner_list li{width:26px;height:14px;overflow:hidden;float:left;display:inline; }
.mainbanner_list a{background:url(../images/h1.png) no-repeat center top;width:14px;height:14px;line-height:14px; margin:0 6px; overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;}
.mainbanner_list li.active a{background:url(../images/h2.png) no-repeat center top;text-decoration:none;}
.mainbanner_list li a:hover{background:url(../images/h2.png) no-repeat center top;text-decoration:none;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:350px; height:350px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:350px;height:350px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:10px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px; list-style:none; margin:0; padding:0;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center; cursor:pointer;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #0ab1e1;padding:1px;}


.ibusiness{ width:100%; height:120px; background:url(../images/bj_business.png) no-repeat center top; overflow:hidden; }
.ibusinessli{ width:1020px; list-style:none; margin:27px 0 0 0; padding:0; }
.ibusinessli li{ width:165px; line-height:65px; float:left; margin:0 2px 0 0; overflow:hidden; }
.ibusinessli li a{ width:100%; height:65px; display:block; font-size:14px; color:#fff; text-indent:72px; }

.imain{ width:100%; height:249px; background:url(../images/bj_home.png) no-repeat center top; overflow:hidden; }
.iabout{ width:330px; height:200px; margin:25px 0 0 20px; clear:both; float:left; overflow:hidden; }
.itrace{ width:330px; height:200px; margin:25px 0 0 20px; float:left; overflow:hidden; }
.icontact{ width:275px; height:200px; margin:25px 0 0 0; float:right; background:url(../images/bj_icontact.png) no-repeat right 20px; overflow:hidden; }

.ico1{ background:url(../images/ico1.png) no-repeat left top;}
.ico2{ background:url(../images/ico2.png) no-repeat left top;}
.ico3{ background:url(../images/ico3.png) no-repeat left top;}

.itit{ width:100%; height:24px; line-height:24px; overflow:hidden; }
.ititL{ clear:both; float:left; padding-left:30px; font-size:16px; color:#333; }
.ititR{ float:right; font-size:10px; }

.iaboutPic{ width:140px; height:150px; margin:15px 0 0 0; clear:both; float:left; overflow:hidden; }
.iaboutProfile{ width:180px; height:150px; float:right; margin:15px 0 0 0; line-height:22px; color:#999; overflow:hidden; }

.itraceTop{ width:100%; margin:40px 0 0 0; overflow:hidden; }
.itraceTop ul{ list-style:none; margin:0; padding:0; }
.itraceTop ul li{ width:82px; height:120px; float:left; margin:0 0 0 21px; overflow:hidden; }
.itraceTop ul li img{ border:1px solid #e6e6e6; }
.itraceTop ul li p{ width:100%; height:32px; line-height:32px; margin:0; padding:0; text-align:center; overflow:hidden; }
.itraceTop ul li p a{ color:#777; font-size:12px; font-weight:bold; }
.itraceTop ul li:hover img{ border:1px solid #1d69df;}
.itraceTop ul li:hover p a{ color:#1d69df; }

.icontactProfile{ width:100%; height:150px; line-height:24px; margin:50px 0 0 0; color:#999; overflow:hidden; }
.icontactProfile p{ margin:0; padding:0; }
.icontactProfile a{ color:#999;}
.icontactProfile a:hover{ text-decoration:underline; }

.ibox{ padding:10px; border:1px solid #eee; border-top:0; height:180px; line-height:20px;  }
.ibox p{ margin:0; padding:0; text-indent:24px; }

.list-news-1{ list-style:none; margin:0; padding:0; }
.list-news-1 li{ width:100%; height:29px; line-height:29px; border-top:1px dashed #ccc; background:url(../images/ico2.png) no-repeat left center; text-indent:10px; }
.list-news-1 li:first-child{ border-top:0;}
.list-news-1 li span{ float:right; color:#666;}

.ColumnCategory{ width:100%; margin:30px 0 0 0; overflow:hidden; }
.GeneralTitle{ width:100%; height:100px; line-height:100px; text-align:center; font-size:24px; color:#fff; font-weight:bold; background:url(../images/bj_column.png) no-repeat left top; overflow:hidden; }
.CategoryList{ width:100%; overflow:hidden; }
.topClass{ width:100%; list-style:none; margin:0; padding:0 0 5px 0; background:url(../images/bj_s3.png) no-repeat left bottom; overflow:hidden; }
.topClass li{ width:100%; line-height:40px; margin:2px 0 0 0; background:url(../images/bj_s1.png) no-repeat left top; float:left; }
.topClass li:hover,.topClass li.on{ background:url(../images/bj_s2.png) no-repeat left top; }
.topClass li a{ width:100%; height:40px; display:block; text-align:center; font-size:14px; color:#555; }
.topClass li.on a,.topClass li a:hover{ color:#1d69df; }

.topClass li ul{ width:100%; list-style:none; margin:0; padding:0; display:none; }
.topClass li ul li{ }
.topClass li ul li:hover,.topClass li ul li.on{ }
.topClass li ul li a{ font-size:14px; text-indent:20px; color:#999; }
.topClass li:hover ul li a,.topClass li.on ul li a{ color:#999;}
.topClass li:hover ul li a:hover,.topClass li.on ul li a:hover,.topClass li.on ul li.on a{ color:#0ab1e1;}
.topClass li.on ul{ display:block; }
/*.topClass li.on ul li a:hover{ color:#45bdff;}
.topClass li.on ul li.on a{ color:#f00; }*/

/*.GeneralTitle-l{ height:39px; line-height:39px; clear:both; float:left; background:url(../images/bj_tll.png) no-repeat left top; padding-left:10px; font-size:18px; color:#fff; }
.GeneralTitle-l span{ font-size:14px; color:#ec8080; font-family:Arial, Helvetica, sans-serif; margin-left:5px; font-weight:bold;   }
.GeneralTitle-r{ height:39px; float:right; background:url(../images/bj_tlr.png) no-repeat right top; padding-right:10px; }
.GeneralTitle-r img{ margin-top:15px;}*/

.inContact{ width:100%; height:136px; margin:30px 0 0 0; background:url(../images/bj_contact.png) no-repeat left top; overflow:hidden; }
.inContactName{ width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; font-weight:bold; color:#555; }
.inContactProfile{ padding:8px 0 0 0; line-height:26px; font-size:12px; color:#999; text-indent:30px; }
.inTel{ background:url(../images/bj_intel.png) no-repeat 15px 7px; }
.inMobile{ background:url(../images/bj_inmobile.png) no-repeat 15px 7px; }
.inEmail{ background:url(../images/bj_inemail.png) no-repeat 15px 7px; }
.inEmail a{ color:#999; }
.inEmail a:hover{ text-decoration:underline; }

.crumbs{ width:100%; height:40px; line-height:30px; font-size:12px; color:#666; margin:30px 0 0 0; text-align:right; overflow:hidden; }
.crumbs a{ color:#666; }
.crumbs a:hover{ text-decoration:underline; }

.inMainTop{ width:100%; height:165px; clear:both; float:left; background:url(../images/bj_c1.png) no-repeat left top; overflow:hidden; }
.inMainMid{ width:100%; background:url(../images/bj_c2.png) repeat-y left top; overflow:hidden; }
.inMainFoot{ width:100%; height:20px; background:url(../images/bj_c3.png) no-repeat left top; overflow:hidden; }

.inMainTit{ width:100%; height:166px; background:url(../images/bj_tr.png) no-repeat 20px 58px; overflow:hidden;}
.inMainTitL{ height:60px; line-height:60px; clear:both; float:left; background:url(../images/ico6.png) no-repeat 20px center; padding:0 0 0 32px; font-size:16px; color:#555; font-weight:bold; }
.inMainTitR{ width:233px; height:166px; float:right; background:url(../images/ico7.png) no-repeat left 1px; }


.mainName{ width:100%; margin:15px 0 0 0; font-size:20px; color:#222; }

.mainPName{ width:100%; height:41px; line-height:41px; margin:20px 0 0 0; background:url(../images/bj_line2.png) repeat-x left bottom;  overflow:hidden; }
.mainPNameL{ font-size:24px; color:#0ab1e1;  background:url(../images/bj_line3.png) repeat-x left bottom; float:left; }


.productsli{ width:800px; list-style:none; margin:0; padding:0;  overflow:hidden; }
.productsli li{ width:231px; height:311px; margin:25px 25px 0 0; float:left; position:relative; overflow:hidden;  }
.productsli li .pbg{ width:54px; height:54px; position:absolute; z-index:20; top:0; left:0; background:url(../images/tag.png) no-repeat left top; }
.productsli li .pbox{ width:226px; height:306px; border:1px solid #e0e0e0; position:absolute; z-index:10; top:3px; left:3px; overflow:hidden; }
.productsli li .pbox .pic{ width:100%; height:226px; overflow:hidden; }
.productsli li .pbox .pic img{ width:226px; height:226px;}
.productsli li .pbox .name{ height:44px; line-height:18px; border-bottom:1px solid #e0e0e0; padding:0 10px; overflow:hidden;}
.productsli li .pbox .price{ height:36px; line-height:36px; padding:0 10px; overflow:hidden;}
.productsli li .pbox .price .priceL{ clear:both; float:left; font-size:14px; color:#2e8f9a; }
.productsli li .pbox .price .priceR{ float:right; font-size:14px; color:#999; text-decoration:line-through; }

.insidePic{ width:100%; margin-top:20px; overflow:hidden; }


.main{ width:100%; margin:0 0 60px 0; overflow:hidden; }
.mainbox{ margin:20px 0 60px 0; border:1px solid #cbcbcb; background:#fff; overflow:hidden; }
.share{ padding:0 20px; overflow:hidden; }

.mainlist{ padding:20px; overflow:hidden;   }
.article{ padding:20px; line-height:2; overflow:hidden;  }
.article p:first-child{ margin:0; padding:0; }


.traceli{ width:100%; list-style:none; margin:0; padding:0; }
.traceli li{ width:82px; height:120px; float:left; margin:20px 20px 0 20px; text-align:center; }
.traceli li img{ border:1px solid #e6e6e6; }
.traceli li p{ width:100%; height:32px; line-height:32px; margin:0; padding:0; text-align:center; overflow:hidden; }
.traceli li p a{ color:#777; font-size:12px; font-weight:bold; }
.traceli li:hover img{ border:1px solid #1d69df;}
.traceli li:hover p a{ color:#1d69df; }



.partnerli{ width:100%; list-style:none; margin:0; padding:0; }
.partnerli li{ width:202px; height:130px; float:left; margin:20px 20px 0 20px; text-align:center; }
.partnerli li img{ border:1px solid #e6e6e6; }
.partnerli li:hover img{ border:1px solid #1d69df;  }
.partnerli li p{ width:100%; height:28px; line-height:28px; margin:0; padding:0; text-align:center; overflow:hidden; }
.partnerli li p a{ color:#999; font-size:12px; }
.partnerli li:hover img{ border:1px solid #1d69df;}
.partnerli li:hover p a{ color:#1d69df; }


.topicBox{ border:1px solid #cbcbcb; padding:0 10px 10px 10px; background:#fff; margin:60px 0; overflow:hidden; }
.topicBox img{ display:block; margin:10px 0 0 0; }


/*.article table{ border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; }
.article table tr td{ border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:5px; }*/

.title-list{ width:100%; margin:20px 0 0 0; line-height:1.5; text-align:center; font-size:18px; color:#000; }
.func-list{ width:100%; padding:10px 0; text-align:center; color:#999; background:url(../images/line1.jpg) repeat-x left bottom; }


.contactWay{ width:300px; clear:both; float:left; margin:40px 0 0 0; overflow:hidden; }
.Feedback{ width:600px; height:430px; float:right; margin:40px 0 0 0; padding:20px; border:1px solid #e0e0e0; overflow:hidden;}

.contactName{ width:100%; margin:20px 0 0 0; font-size:20px; color:#222; }
.cotnactProfile{ width:100%; margin:10px 0 0 0; line-height:2; padding-bottom:20px; border-bottom:1px solid #e0e0e0; overflow:hidden; }

.feedbackName{ width:100%; font-size:20px; color:#222; }
.feedbackStyle{ width:100%; margin:20px 0 0 0; }

.tabMsg{  }
.tabMsg tr td{ padding:10px 0; font-size:14px; font-weight:bold; color:#666; line-height:2;  }
.required{ color:#f00; font-size:12px; font-weight:normal;}
.fin{ width:248px; height:33px; line-height:33px; border:1px solid #dcdcdc; padding:0 10px; background:#fff; outline:0; font-size:12px; color:#666; font-weight:normal; }
.fin2{ width:548px; height:100px; line-height:20px; border:1px solid #dcdcdc; padding:10px; background:#fff; outline:0; font-size:12px; color:#666; font-weight:normal;  }

.btnf{ width:115px; height:35px; line-height:35px; text-align:center; font-size:14px; font-weight:bold; color:#fff; background:url(../images/fbtn1.png) no-repeat left top; border:0; outline:0; cursor:pointer; font-family:"Microsoft YaHei";  }
.btnf:hover{ background:url(../images/fbtn2.png) no-repeat left top; }



.list-news-3{ width:100%; list-style:none; margin:6px 0 0 0; padding:0px; overflow:hidden; }
.list-news-3 li{ float:left; width:100%; padding:12px 0; background:url(../images/line1.jpg) repeat-x left bottom; }
.list-news-3 li span{ float:right; color:#999; }

.list-case-3{ width:100%; list-style:none; margin:0px; padding:0px; overflow:hidden; }
.list-case-3 li{ float:left; width:100%; padding:20px 0; background:url(../images/line1.jpg) repeat-x left bottom; }
.list-case-3 li .projectName{ width:100%; height:38px; line-height:38px; background:url(../images/ico.png) no-repeat left center; text-indent:12px; font-size:14px; font-weight:bold; }
.list-case-3 li .projectInfo{ width:100%; overflow:hidden; }
.list-case-3 li .projectInfoL{ width:240px; height:160px; clear:both; float:left; overflow:hidden; }
.list-case-3 li .projectInfoR{ width:520px; float:right; line-height:2; }
/*.list-case-3 li dl{ width:100%; margin:0px; padding:0px; }
.list-case-3 li dl dt{ width:240px; height:160px; float:left; overflow:hidden; }
.list-case-3 li dl dd{ width:520px; float:right; margin:0; padding:0px;  }
.list-case-3 li dl dd h6{ margin:0; padding:0; }
.list-case-3 li dl dd h6 a{ font-size:18px; color:#d20000; }
.list-case-3 li dl dd p{ margin:5px 0px 0px 0px; padding:0px; line-height:20px; }*/

.list-solution-3{ width:100%; list-style:none; margin:0px; padding:0px; overflow:hidden; }
.list-solution-3 li{ float:left; width:100%; padding:20px 0; background:url(../images/line1.jpg) repeat-x left bottom; }
.list-solution-3 li dl{ width:100%; margin:0px; padding:0px; }
.list-solution-3 li dl dt{ width:200px; height:150px; border:1px solid #e3e3e3; float:left; overflow:hidden; }
.list-solution-3 li dl dd{ width:480px; float:right; margin:0; padding:0px;  }
.list-solution-3 li dl dd h6{ margin:0; padding:0; }
.list-solution-3 li dl dd h6 a{ font-size:18px; color:#d20000; }
.list-solution-3 li dl dd p{ margin:5px 0px 0px 0px; padding:0px; line-height:20px; }

.btn1{ padding:5px 15px; border:1px solid #eee; background:#f8f8f8; color:#888; outline:0; cursor:pointer;  }
.btn1:hover{ background:#000; border:1px solid #bb0000; background:#e80000; color:#fff;  }

.dnTitle{ width:100%; margin:24px 0 0 0; font-size:16px; font-weight:bold; color:#000; line-height:1.5; text-align:center; }
.dnFunc{ width:100%; padding:10px 0; background:url(../images/line1.jpg) repeat-x left bottom; text-align:center; overflow:hidden; }

.basic{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.basicL{ width:352px; clear:both; float:left; overflow:hidden; }
.basicR{ width:368px; float:right; overflow:hidden; }

.basicRName{ font-size:20px; font-weight:bold; color:#000; }
.basicRPrice{ width:100%; margin:20px 0 0 0; padding:10px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; overflow:hidden; }
.basicRPriceL{ width:180px; text-align:center; clear:both; float:left; font-size:16px; color:#2e8f9a; }
.basicRPriceR{ width:180px; text-align:center; float:right; font-size:16px; color:#999; text-decoration:line-through; }
.basicR h2{ font-size:16px; color:#000; }
.basicR p{ margin:10px 0 0 0; padding:0; line-height:2; }
.basicRProfile{ width:100%; line-height:20px; color:#888; margin:20px 0 0 0; overflow:hidden; }
.basicRLink{ width:100%; margin:20px 0 0 0;  overflow:hidden; }
.basicRLink a{ width:115px; height:35px; line-height:35px; display:block; text-align:center; background:url(../images/fbtn1.png) no-repeat left top; font-size:14px; color:#fff; font-weight:bold;  }

.details{ width:100%; height:40px; line-height:40px; clear:both; float:left; margin:10px 0 15px 0; font-size:18px; border-bottom:1px solid #e0e0e0; overflow:hidden; }

.tab_download{ border-left:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-top:20px; }
.tab_download tr td{ border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:8px 0; text-align:center; }
.tab_download thead tr td{ background:#f8f8f8; font-weight:bold; }

.mandatory{ color:#f00; }
.textinp{ width:200px; height:20px; line-height:20px; background:#fff; color:#666; border:1px solid #e3e3e3; outline:0; }
.textinp2{ width:400px; height:120px; line-height:20px; background:#fff; color:#666; border:1px solid #e3e3e3; outline:0; }
.textinp3{ width:80px; height:20px; line-height:20px; background:#fff; color:#666; border:1px solid #e3e3e3; outline:0; }

.list-album{ width:750px; list-style:none; margin:0; padding:0; }
.list-album li{ width:340px; height:290px; float:left; margin-right:20px; margin-top:20px; }
.list-album li img{ width:320px; height:240px; border:1px solid #e3e3e3; padding:9px; }
.list-album li p{ margin:0; padding:0; height:30px; line-height:30px; }


.projectDtop{ width:100%; margin:20px 0 0 0; overflow:hidden; }
.projectDtopL{ width:360px; clear:both; float:left; }
.projectDtopR{ width:400px; float:right; }
.projectDtopR h2{ font-size:16px; font-weight:bold; color:#000;}
.projectDtopR p{ width:100%; margin:10px 0 0 0; padding:0; line-height:2; }

.list-p1{ width:100%; list-style:none; margin:0; padding:0px; }
.list-p1 li{ width:100%; float:left; padding:20px 0; background:url(../images/line1.jpg) repeat-x left bottom; overflow:hidden; }
/*.list-p1 li img{ width:200px; height:150px; padding:9px; border:1px solid #e3e3e3; }
.list-p1 li p{ margin:0; padding:0; height:30px; line-height:30px; text-align:center; } 
*/
.list-p1 li .productName{ width:100%; height:38px; line-height:38px; background:url(../images/ico.png) no-repeat left center; text-indent:12px; font-size:14px; font-weight:bold;}
.list-p1 li .productInfo{ width:100%; overflow:hidden; }
.list-p1 li .productInfoL{ width:150px; height:150px; clear:both; float:left; padding:4px; margin:8px 0 0 0; border:1px solid #e3e3e3; }
.list-p1 li .productInfoR{ width:608px; float:right; line-height:2; overflow:hidden; }

#tabbox{ width:100%; margin:20px 0 0 0; clear:both; float:left; overflow:hidden; }
#tabbox ul{ margin:0px; padding:0px; list-style:none; }
.tab_conbox{ list-style:none; margin:0px; padding:0px; }
.tab_con{ display:none; }
.tabs{height:30px; width:100%; list-style:none; margin:0; padding:0; border-bottom:3px solid #0093dd; overflow:hidden; }
.tabs li{ height:30px;line-height:30px; float:left; margin-right:10px; overflow:hidden; position:relative; }
.tabs li a{ height:30px; font-size:16px; font-weight:bold; padding:0 30px; color:#666; background:#eee; display:block; }
.tabs li a:hover,.tabs .thistab,.tabs .thistab a,.tabs .thistab a:hover { background:#0093dd; color:#fff;}	

.tab_con { padding:15px 14px; line-height:2; border:1px solid #e3e3e3; border-top:0; overflow:hidden;  }
.tab_con img{ max-width:750px;}


.newspage{ width:100%; color:#59b7c2; margin:10px 0 0 0; font-weight:bold; line-height:2; overflow:hidden;  }
.prevpage{ clear:both; float:left; }
.nextpage{ float:right; }


#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../swf/icon.png) no-repeat; position:fixed; z-index:200; 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; z-index:200; 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;}