@charset "utf-8";
/*框架样式*/
body{ background:url(../images/bdbg.gif); color:#333333;}
.wrap{ width:1000px; margin:0 auto; overflow:hidden;}
.top{ margin:0 auto; height:97px; overflow:hidden; margin-top:24px;}
.slogan{float:left; margin-left:18px; display:inline;}
.logo{ float:left; margin-left:16px;display:inline;}
.hotline{ width:200px; float:right; font: bold 18px "Microsoft YaHei",sans-serif; color:#dd1700; line-height:24px; margin-right:12px; line-height:26px; padding-top:10px; display:inline;font-style: italic;}
.hotline strong{ display: block; font-size:26px; }
.hotline .search{ padding-top:4px;}
.menu{ height:41px; background:url(../images/menubg.gif) repeat-x;font: bold 14px "Microsoft YaHei"; margin-top:12px;}
.menuL{ width:8px;  height:41px; background:url(../images/menuLbg.gif) no-repeat; display:block; float:left;}
.menuR{ width:8px;  height:41px; background:url(../images/menuRbg.gif) no-repeat;display:block;float:left;}
.menu .hzul{ width:984px; float:left; }
.menu ul li{height:41px; line-height:44px; padding:0 1px;background:url(../images/menulibg.gif) right 18px no-repeat; }
.menu ul li a{ display:block; color:#FFFFFF; padding:0 15px;}  
.menu ul li a:hover,.menu ul li.menuCurrent > a{background:url(../images/menuhoverbg.gif) top center no-repeat;color:#FFFFFF;}
.menu ul li.last{ background:none;}
.menu .sub-menu{ position:relative;z-index: 999; }
.menu .sub-menu ul{ position:absolute; top:40px;left:0; width:110px; border:1px solid #008300; display:none;}
.menu .sub-menu ul li{ display:block; float:none; height:26px;line-height:26px; vertical-align:bottom; background:none; border-bottom:1px solid #008300; filter: alpha(opacity=80); background:#009200;}
.menu .sub-menu ul li a{ padding:2px 4px; position:relative; display:block;}
.menu .sub-menu a.sub-menuhover{background:url(../images/menuhoverbg.gif) top center no-repeat;color:#FFFFFF;}
.left-nav{width:758px; float:left; display:inline;}
.left{ width:201px; float:left; overflow:hidden;}
.center{width:547px; float:left; overflow:hidden; margin-left:10px;}
.right{ width:232px; float:right; overflow:hidden;}
.main{width:1000px; margin:0 auto; overflow:hidden; margin-top:10px;}
.footer{ margin-top:10px; line-height:22px; text-align:center;}
.links{ height:35px; background:url(../images/linksbg.png) no-repeat; line-height:35px; margin-bottom:6px; text-align:center}
.links a{ padding:0 12px;}
.links2{ border-bottom:1px dotted #b0b0b0; border-top:1px dotted #b0b0b0; padding:5px 0; line-height:24px; margin:8px 0;}
.links2 a{ padding:0 22px; white-space:nowrap;}
.box{ width:789px; float:right; overflow:hidden; }
.nav{ height:33px; line-height:33px; text-align:center; padding:0 10px; text-align:right; font-size:14px; border:1px solid #dddddd; background-color:#FFFFFF;}
.box .bd{background-color:#f9f9f9; padding:18px; margin-top:10px;}
/*重用样式*/
.tt1{background:url(../images/tt1.png) no-repeat; width:201px; height:35px; line-height:35px;  overflow:hidden;}
.tt2{background:url(../images/tt2.png) no-repeat; width:547px; height:35px; line-height:37px;  overflow:hidden;}
.tt3{background:url(../images/tt3.png) no-repeat; width:232px; height:35px; line-height:35px;  overflow:hidden;}
.tt4{background:url(../images/tt4.png) no-repeat; width:1000px; height:35px; line-height:37px;  overflow:hidden;}
.tt5{background:url(../images/tt5.png) no-repeat; width:758px; height:35px; line-height:37px;  overflow:hidden;}
.tt6{background:url(../images/tt6.png) no-repeat; width:232px; height:35px; line-height:37px;  overflow:hidden;}
.tt1 h2,.tt2 h2,.tt3 h2,.tt4 h2,.tt5 h2{font-weight:bold; color:#FFFFFF; text-indent:30px; float:left;font-size:16px;}
.tt1 a.more,.tt2 a.more,.tt3 a.more,.tt4 a.more{ float:right; margin-right:8px; padding-top:2px;}
.bd{ border:1px solid #dddddd; background-color:#FFFFFF;}
.bd2{ border:1px solid #dddddd; background-color:#f3f3f3;}
.imgArea{ float:left;}
.txtArea{ float:right;}
.bbd{ border-bottom:1px dotted #999895; width:740px; height:4px; overflow:hidden; margin:0 auto;}
.c1{ color:#ba1300;}/*深红色*/
/*输入框样式*/
.ip1{ border:none; background:url(../images/ipbg1.png) no-repeat; width:141px; height:27px; line-height:27px; text-indent:4px; background-color:#ede8d3; overflow:hidden; float:left;}
.sbt1,.sbt2,.sbt3,.sbt4{ border:none; cursor:pointer;}
.sbt1{ background:url(../images/sbt1.png) no-repeat; width:52px; height:27px;float:left; margin-left:5px;}
.sbt2{ background:url(../images/sbt2.png) no-repeat; width:106px; height:34px;float:left; margin:5px 0 0 40px; }
.sbt3{ background:url(../images/sbt3.png) no-repeat; width:128px; height:42px; margin:5px 0 0 48px; }
.ip2{ border:none; background:url(../images/ip2bg.png) no-repeat; width:199px; height:22px; line-height:22px; text-indent:4px;overflow:hidden;}
/*板块样式*/
.banner{width:758px; height:325px; float:left; overflow:hidden;}
.apply{ float:right; border:1px solid #dddddd;width:228px; float:right; overflow:hidden; background-color:#fff; padding:2px; height:319px;}
.applyCt{ background-color:#ededed; padding:5px;font: normal 16px "Microsoft YaHei";}
.apply span{ color:#007e00; padding:4px; display:block; height:68px; overflow:hidden;}
.apply p{ font-weight:bold; height:50px; overflow:hidden; font-size:14px;}
.apply .applyTable{ width:201px; border:1px solid #dddddd; background-color:#FFFFFF; padding:7px; margin-top:12px; position:relative; height:204px;}
.apply2{float:right;width:324px; font-size:16px; font-weight:bold; padding-top:18px; display:inline;}
.apply2 strong{ color:#c00503;}
.apply2 span{ padding-bottom:6px; display:block; line-height:22px;}
.apply2 p{ height:30px; font-size:14px;}
.ic1{ position:absolute; top:-10px; left:40px;}
.sort{ padding:8px; background-color:#f7f7f7;}
.sort dl dt{ font-weight:bold; background:url(../images/arrow.png) left 5px no-repeat; font-size:14px; text-indent:24px; border-bottom:1px  dotted #acacac; clear:both; padding:4px 0 6px 0; display:block; margin-bottom:6px;}
.sort dl dd{ width:90px; float:left; background:url(../images/line.gif) left center no-repeat; text-indent:8px; padding:3px 0; overflow:hidden;}
.faq{ padding:6px 8px; background-color:#FFFFFF;}
.faq ul{list-style-type:decimal;list-style-position:inside;}
.faq ul li{  line-height:24px;}
.bookNext{background:url(../images/bookNext.png) no-repeat; width:21px; height:37px; border:none; cursor:pointer;float:left; margin:100px 0px 0 10px;}
.bookPrev{ background:url(../images/bookPrev.png) no-repeat; width:21px; height:37px; cursor:pointer;border:none;float:left;margin:100px 10px 0 12px;}
.book ul li{ text-align:center; font-size:14px; padding:20px 10px 12px 10px;}
.book ul li img{ width:204px; height:204px; border:1px solid #dddddd; margin-bottom:10px;}
.honour{ background-color:#FFFFFF; padding:10px 0 14px 0;}
.honour ul li{ padding:10px 0 0 24px; text-align:center; font-size:14px;}
.honour ul li img{ width:141px; height:80px; border:1px solid #e0e0e0; padding:2px; margin-bottom:6px;}
.honourSlide{ background-color:#FFFFFF; padding:6px 0 8px 0;}
.honourSlide ul li{ padding:4px 0 0 7px; text-align:center;}
.honourSlide ul li img{ width:83px; height:47px; border:1px solid #e0e0e0; padding:1px; margin-bottom:6px;}
.honourList ul li{ text-align:center; font-size:14px; padding:18px 0 0 24px;}
.honourList ul li img{ width:332px; height:332px; border:1px solid #dddddd; margin-bottom:10px;}
.video{ background-color:#FFFFFF; text-align:center; padding:12px 0;font: normal 14px "Microsoft YaHei"; overflow:hidden; width:230px;}
.video p{ margin-bottom:13px;}
.video embed{ width:250px; height:150px;}
.videoList ul li{ text-align:center; padding:20px 25px 0 25px;}
.videoList ul li img{width:323px; height:248px; margin-bottom:10px;}
.clientList img{ margin-bottom:4px;width:141px; height:80px;}
.clientList li{ text-align:center; width:141px; float:left; display:inline; margin:10px 0 0 37px;}
.videoInfor{ padding:8px 12px; line-height:24px; height:74px; overflow:hidden;}
.videoInfor a{ padding:0 5px;}
.videoRelated { padding-bottom:10px;height:346px; overflow:hidden;}
.videoRelated ul li { text-align:center; padding:9px 0 0 9px;}
.videoRelated ul li img{ width:101px; height:79px; margin-bottom:4px;}
.videoRelated-left{ height:auto;}
.videoRelated-left ul { width:151px; margin:0 auto;}
.videoRelated-left ul li{ padding:0; border-bottom:1px dotted #ccc; padding:10px 0;}
.videoRelated-left ul li img{ width:151px; height:110px;}


.videoDetail{ background-color:#f9f9f9; border:1px solid #dddddd; float:left; display:inline; width:654px; padding:40px;font-size:14px; margin-top:10px; height:448px; overflow:hidden; width:660px;}
.videoDetail embed{width:500px; height:400px;}
.videoDetail h1{ font-weight:normal; padding-bottom:10px;text-align: center;}
.videoDetail .collect{ padding-top:25px;}
.videoDetail .collect a{ float:right;}
.news{ background-color:#FFFFFF;padding:10px 12px; line-height:24px; overflow:hidden;}
.news ul li{ background:url(../images/dot.gif) left center no-repeat; text-indent:8px;}
.case{ background-color:#FFFFFF; border-bottom:1px dotted #b2b2b2; width:210px; margin:7px auto; padding:13px 0;}
.case .imgArea img{ width:110px; height:110px; margin-bottom:4px;}
.case .txtArea{ width:90px;}
.case .txtArea h3{ font-weight:normal; padding-bottom:4px;}
.caseSlide{ background-color:#FFFFFF; border-bottom:1px dotted #b2b2b2; width:184px; margin:8px auto; padding:8px 0;}
.caseSlide .imgArea{width:87px; }
.caseSlide .imgArea img{ width:87px; height:95px; margin-bottom:4px;}
.caseSlide .txtArea{ width:90px;}
.caseSlide .txtArea h3{ font-weight:normal; padding-bottom:4px;}
.caseList{ border-bottom:1px dotted #c7c7c7; padding:14px 0;}
.caseList .imgArea img{ width:155px; height:186px;}
.caseList .txtArea{ width:584px; line-height:22px;}
.caseList .txtArea h3{ padding-bottom:4px; font-size:14px;}
.about{ padding:8px; font-size:14px; background-color:#f7f7f7;}
.about ul li{ border-bottom:1px dotted #dedede; padding: 8px 6px;}
.about ul li a{ display:block; background:url(../images/ic6.gif) left center no-repeat; text-indent:14px;}
.about ul li a:hover{ display:block; background:url(../images/ic5.gif) left center no-repeat;text-indent:14px;}
.aboutD{ font-size:14px; line-height:30px;}
.newsList ul li{ border-bottom:1px dotted #a1a09a; background:url(../images/ic7.gif) left center no-repeat; text-indent:16px; padding:8px 0; } 
.newsList .date{ float:right;color:#999999; font-size:10px;}
.newsList li.newsListTop{ background:none; text-indent:0; padding-bottom:10px;}
.newsList li.newsListTop .imgArea img{ width:127px; height:114px; border:1px solid #dddddd; padding:1px; background-color:#FFFFFF;}
.newsList li.newsListTop .txtArea{ width:608px;}
.newsList li.newsListTop .txtArea h3{ font-size:14px; padding:5px 0;}
.newsList li.newsListTop .txtArea p{line-height:20px;}
.pages {text-align:center; padding:22px 0;}
.pages a{ margin:2px;  padding:2px 6px; background-color:#dfdfdf;}
.pages .current { padding:2px 5px; margin:2px; background-color:#d00200;}
.contact{ font-size:14px; line-height:28px;}
.contact2{ width:370px; margin:4px 4px 0 4px; background-color:#e5e5e5; float:left; padding:10px; height:220px; display:inline;} 
.contact2 .phone{ background:url(../images/phone.png) left center no-repeat; text-indent:66px;border-bottom:1px dotted #a0a0a0; font-weight:bold; font-size:12px;}
.contact2 .phone span{color:#c70808;font:20px "Microsoft YaHei"; }
.contact2 .qq{background:url(../images/QQ.png) left center no-repeat;line-height:20px; padding:6px 0 6px 66px;}
.contact2 .qq li{ width:148px;}
.newsDetail{ width:744px; margin:0 auto; padding:20px 0;}
.newsDetail h1{ font-size:16px; text-align:center;}
.newsDetail p{ line-height:24px;}
.newsInfor{ width:618px; height:28px; line-height:28px; border:1px solid #dddddd; text-align:center; margin:10px auto 20px auto; background-color:#FFFFFF;font-size:14px;}
.newsDetailCt p{  line-height:24px; text-indent:2em; padding:6px 0; color:#666666;}
.keywords{ border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; padding:5px 0; margin:10px 0;}
.keywords a{ padding:0 5px;}
.newsTurn{ padding:5px 0; line-height:26px;}
.newsTool{ text-align:center; padding:18px 0;}
.newsTool img{ vertical-align:-6px; margin:0 6px;}
.aboutnews{ margin:10px 0; background-color:#f5f5f5; padding:10px;}
.aboutnews h2{ font-size:14px; font-weight:bold; height:30px; line-height:30px;} 
.aboutnews ul{ padding:10px 30px;}
.aboutnews ul li{ width:330px;  background:url(../images/dot.gif) left center no-repeat; text-indent:8px; padding:3px 0}
.line{ background-color:#dddddd; height:2px; overflow:hidden;}
.line2{ background-color:#cccccc; height:1px; overflow:hidden; margin:5px 0;}
.pro{ background-color:#FFFFFF; padding:16px 10px; line-height:22px; height:140px; overflow:hidden;}
.pro .imgArea img{ width:177px; height:133px; padding:2px; border:1px solid #dddddd;}
.pro .txtArea{ width:330px;}
.pro .txtArea h3{ padding:4px 0;}
.pro .txtArea a.more,.newsList .txtArea a.more{ color:#ee0007; padding-left:10px;}
.proList{ border-bottom:1px dotted #c7c7c7; padding:20px 0;}
.proList .imgArea img{ width:185px; height:188px; padding:2px; border:1px solid #dddddd;}
.proList .txtArea{ width:545px; line-height:22px;}
.proList ul li{ width:260px;}
.proList .detailBt{ text-align:right; margin-right:30px;}
.proElse{ background-color:#FFFFFF; height:202px; overflow:hidden;margin-bottom: 10px;} 
.proNext{background:url(../images/proNext.png) no-repeat; width:22px; height:37px; border:none; cursor:pointer;float:left; margin:68px 0px 0 6px;}
.proPrev{ background:url(../images/proPrev.png) no-repeat; width:22px; height:37px; cursor:pointer;border:none;float:left;margin:68px 6px 0 8px;}
.proElseCt,.book{ float:left;}
.proElseCt ul li{ text-align:center; font-size:14px; padding:20px 8px 12px 8px;}
.proElseCt ul li img{ width:139px; height:139px; border:1px solid #dddddd; margin-bottom:10px;}
.proDetail h1{ font:bold 20px/30px "Microsoft YaHei",sans-serif; text-align:center; padding:10px 0;}
.proDetail .proInfor{ width:230px; float:right; height:384px; padding:15px;line-height:24px; background-color:#f3f3f3; border:1px solid #dddddd;}
#preview {width:377px; float:left;}
.jqzoom {width:468px;height:318px;position:relative; margin-bottom:8px;}
.jqzoom img{ width:464px; height:314px; border:1px solid #dddddd; padding:1px; background-color:#FFFFFF;} 
#spec-n5 { overflow:hidden; width:464px; border:1px solid #dddddd; background-color:#f3f3f3; padding:8px 0;}
#spec-left { background:url(../images/left.png) no-repeat; float:left; margin-top:26px; margin-left:10px;width:28px;height:27px; display:inline;}
#spec-right {background:url(../images/right.png) no-repeat;float:left;width:28px;height:27px;cursor:pointer; margin-top:22px;margin-left:4px; display:inline;}
#spec-list {overflow:hidden;display:inline;position:relative;width:380px;float:left; display:inline;}
#spec-list ul li {padding:0 10px; float:left;}
#spec-list ul li img {width:101px;height:68px; border:1px solid #dfdfdf; padding:1px; background-color:#FFFFFF; cursor:pointer;}
.zoomdiv {z-index:100;position:absolute;top:1px;left:0px;width:50px;height:50px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg {width:696px;height:471px;}
.jqZoomPup {z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#ffffff 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
.proRelated{ background-color:#f3f3f3; border:1px solid #dddddd; margin-top:10px; padding:12px; line-height:24px;}
.proRelated h2{ font-size:14px;}
.proRelated ul li{padding:10px 0 0 13px; text-align:center; width:164px;}
.proRelated ul li img{ width:162px; height:118px; border:1px solid #dedede; margin-bottom:6px;}
/*专题页面*/
.mt30{ margin-top:30px;}
a.tp-buybt,.tpct h2,.tp-client-left,.tp-client-right,.tp-how-arrow span,.tp-how .txtArea1,.tp-how .txtArea2,.tp-char h3,.tp-char h3 span,.tp-super ul li,.tp-apply-bg,.tp-apply .tp-apply-bt,.tp-qua-left,.tp-qua-right,.tp-case-tt,.tp-case-tt h3,a.tp-order-buy{ background-image:url(../images/sprite.png); background-repeat:no-repeat;}
.tp{ border:5px solid #caecc9; margin-top:10px;}
.tpct{ padding:1px; background-color:#FFFFFF;}
.tpct h2{ height:43px; font: bold 24px/40px "Microsoft YaHei",sans-serif; color:#FFFFFF; text-indent:44px; position: relative;}
.tpct h2 a{ color:#FFFFFF;}
.tpct h2 a.more{ position: absolute; right:20px; bottom:0px;text-indent:0px; font-size:14px; color:#000;}
.tp-banner{ position:relative; margin-top:10px; width:998px; height:398px; border:1px solid #e9efee;}
.tp-banner a.tp-buybt{ width:134px; height:42px; background-position:-240px -320px; left:370px; top:336px; position:absolute;}
.tp-banner object{ width:388px; height:318px; position:absolute; right:28px; top:38px;}
.tp-how{ padding:38px;}
.tp-how-arrow1{ padding:8px 0 8px 690px;}
.tp-how-arrow2{ padding:8px 0 8px 190px;}
.tp-how-arrow span{ background-position:0 -320px;  width:24px; height:40px; overflow:hidden; display:inline-block;}
.tp-how .imgArea img{ width:432px; height:250px; border:1px solid #dddddd}
.tp-how .txtArea1{ background-position:0 -60px; padding:25px 55px 25px 25px;width:384px; overflow:hidden; height:203px;font: bold 16px/30px "Microsoft YaHei",sans-serif;}
.tp-how .txtArea2{ background-position:-500px -60px; padding:25px 25px 25px 55px;width:384px; overflow:hidden; height:203px;font: bold 16px/30px "Microsoft YaHei",sans-serif;}
.tp-how .txtArea1 h3,.tp-how .txtArea2 h3{ text-align:center;font: bold 30px/50px "Microsoft YaHei",sans-serif;}
.tp-char{ width:942px; margin:10px auto; border:1px solid #dddddd; padding:4px;}
.tp-char-ct{background:url(../images/bdbg.gif);}
.tp-char-ct table{ font-size:14px; margin-left:20px;}
.tp-char-ct table span{ font-size:30px; padding:0 4px;}
.tp-char-ct td{ padding:5px;}
.tp-char h3{ background-position:-100px -320px; float:left; height:42px;font: bold 20px/38px "Microsoft YaHei",sans-serif; color:#FFFFFF; padding-right:6px; margin:8px;}
.tp-char h3 span{  background-position:-100px -320px; padding-left:10px;}
.tp-char p{font: bold 16px/30px "Microsoft YaHei",sans-serif; padding:0 15px 15px 15px;}
.tp-super ul li{ border-bottom:1px dotted #d9d9d9; text-indent:96px;  font-size:16px; font-weight:bold; height:50px; line-height:50px; padding:10px 0 0 0; width:970px;}
.tp-super{ padding:20px 0;}
.tp-super-l1{ background-position:-898px -320px;}
.tp-super-l2{ background-position:-898px -400px;}
.tp-super-l3{ background-position:-898px -498px;}
.tp-super-l4{ background-position:-898px -601px;}
.tp-promise{ border:5px solid #dddddd; padding:1px; background-color:#ffffff; margin-top:10px;}
.tp-promise p{ background-color:#f3f3f3; text-align:center;font: bold 40px/50px "Microsoft YaHei",sans-serif; color:#db0700; padding:20px 0;}
.tp-apply{ margin-top:10px; border:5px solid #caecc9; background:url(../images/tp-apply-bg.gif); padding-left:30px; position:relative; height:136px;}
.tp-apply h3{font: bold 20px/70px "Microsoft YaHei",sans-serif; color:#FFFFFF; padding-bottom:10px;}
.tp-apply h3 span{ font-size:24px;}
.tp-apply-bg{ position:absolute; right:0; top:0; width:105px; height:136px; background-position:0 -400px;}
.tp-apply  input{ width:157px; height:27px; text-indent:2px; line-height:27px; background-color:#ffffff; border:none; border:1px solid #c5c5c5;}
.tp-apply  label{ font-size:14px; font-weight:bold; color:#ffffff; padding:0 0 0 10px;}
.tp-apply .tp-apply-bt{ background-position:-399px -320px; width:130px; height:50px; border:none; position:absolute; top:68px; left:740px; background-color:transparent; cursor:pointer; text-indent:0; border:none;}
.tp-client,.tp-qua{ padding:30px 0;}
.tp-client ul li img{ width:141px; height:80px; border:1px solid #dddddd; padding:2px; margin:0 18px;}
.tp-client-left,.tp-qua-left{ float:left; display:inline; width:19px; height:31px; overflow:hidden; background-position:-40px -320px;border:none;background-color: transparent; cursor:pointer; margin:30px 0 0 15px;}
.tp-client-right,.tp-qua-right{float:left; display:inline; width:19px; height:31px; overflow:hidden;background-position:-60px -320px;border:none;background-color: transparent; cursor:pointer;margin:30px 0 0 0;}
.tp-client-list,.tp-qua-list{ float:left; display:inline;}
.tp-client-fix{height:90px;width:900px;}
.tp-qua ul li{ display:inline; height:240px; text-align:center;  font-size:14px;margin-left:22px;}
.tp-qua ul li img{ width:204px; height:204px; border:1px solid #ddd; margin-bottom:8px;}
.tp-qua-left,.tp-qua-right{ margin-top:80px;}
.tp-case{ padding:0 20px;}
.tp-case-left{ width:704px; float:left; display:inline;}
.tp-case-left-ct{ border:1px solid #dddddd; padding:4px; margin:20px 0;}
.tp-case-left .imgArea img{ width:170px; height:170px;}
.tp-case-left .txtArea{ width:510px; line-height:22px;}
.tp-case-left .txtArea h3{ font-size:14px;}
.tp-case-left .tp-case-name{ font-weight:bold; padding:5px 0; display:block;}
.tp-case-left .tp-case-name span{ padding-left:48px;}
.tp-case-right{ width:226px; border:1px solid #dddddd; float:right; display:inline; margin-top:20px; padding:2px;height: 575px;}
.tp-case-right ul.trade{ padding:10px; font-size:16px; line-height:28px;}
.tp-case-right .order{ padding:10px;}
.tp-case-right .order li{ padding:7px 0;}
.tp-order{ padding:20px;}
.tp-order .imgArea img{ width:204px; height:204px; border:1px solid #dddddd;}
.tp-order .txtArea{ position:relative; height:204px; width:734px;}
.tp-order .txtArea p{ padding:3px 0; line-height:22px;}
.tp-order .txtArea ul{ width:490px;}
.tp-order .txtArea ul li{ width:220px; float:left; padding:2px ;}
.tp-order-ask{ border:1px solid #dddddd; padding:1px; background:#FFFFFF; position:absolute; bottom:-2px; left:0; width:734px; font-size:14px; font-weight:bold;}
.tp-order-ask p{ background:url(../images/tp-order-askbg.png) repeat-x; text-indent:12px; height:27px; line-height:32px;}
.tp-order-ask p span{ color:#db0700; font-size:20px; padding-top:3px; display:inline-block;}
.tp-order-ask a.tp-order-buy{ background-position:-780px -320px; width:98px; height:31px;display:block; float:left; position:absolute; bottom:0px; left:230px;}
.tp-case-tt{background-position:-550px -320px; height:31px; line-height:31px; color:#086403; font-size:16px;}
.tp-case-tt h3{ float:left; background-position:-550px -354px; padding:0 10px;}
.tp-ques{ font-size:14px; padding:20px; line-height:26px;}
.tp-ques ul li{ float:left; display:inline; width:470px; line-height:28px;}
.super{ width:758px;position:relative;}
.super .more{ position:absolute; right:0; top:0;}
.super .bd{background:url(../images/superbg.png) repeat-x #dddddd; padding:5px 20px; height:162px; overflow:hidden;}
.super .bd ul li{ float:left; display:inline; border-bottom:1px dotted #c2c2c2; height:54px; width:356px; }
.super .num{ font-style:italic; font-weight:bold; color:#d50100; font-size:40px; display:block; float:left; width:36px; text-align: center; height:54px;  line-height:54px;}
.super .super-txt{ display:block; float:left; width:318px; font-size:14px; font-weight:bold; padding-top:8px;}
.order-goods{ padding:4px 15px; height:700px; overflow:hidden;}
.order-goods .name{ display:inline-block; width:46px;}
.order-goods .adress{ display:inline-block; width:75px;}
.order-goods .express{ display:inline-block; width:40px;}
.order-goods ul li{ padding:4px 0;}
/*订购弹出框*/
.overlay{background-color:#000;position:absolute;z-index:99;left:0;top:0;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5; display:none;}
.popbox{position:absolute;height:auto;z-index:100;background-color:#fff; width:490px; overflow:hidden;display:none; padding-bottom:10px; border:1px solid #008d00;box-shadow:1px 1px 1px #008d00}
.popbox h2{height:35px;font-size:14px;background-color:#008d00;position:relative;padding-left:10px;line-height:35px;color:#fff;}
.popbox h2 a{position:absolute;right:10px;font-size:12px; top:10px;}
.mainlist{ font-size:14px;}
.mainlist td{ padding:3px 5px;}
.mainlist .inputbox{border-radius:3px; width:388px; height:22px; line-height:22px; text-indent:2px; border:1px solid #cfcfcf;box-shadow:1px 1px 1px #999 inset;}
.mainlist textarea{width:386px; height:165px; padding:2px;border-radius:3px;box-shadow:1px 1px 1px #999 inset;border:1px solid #cfcfcf;}
.mainlist .bt{ width:117px; height:36px; background-color:#008d00; border:none;border-radius:3px; font-size:15px; color:#FFFFFF; font-weight:bold; cursor:pointer;}