﻿
/* CSS Document */
body { margin: 0px; padding: 0px; color: #666; background-color: #FFF; font: 12px "微软雅黑"; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal; }
ul, ol, li { list-style:none; }
a:hover { color: #000; text-decoration: underline; }
.banner { width:950px; margin:0px auto; overflow:hidden;}
.content { width:950px; margin:0px auto; padding-top:5px;}
.leftbox{ width:677px; float:left;}
.box{ margin-top:15px;}
.left { width:677px;border:1px solid #880e01;}
.backdrop { width:77px; border:1px solid #880e01; border-top:none; background:#FFF; padding:5px; margin-bottom:10px; font-size:12px; line-height:24px; color:#333; }
.navigation{ font-size:12px; color:#333; width:677px;}
.red{ background:url(../images/technology/red.jpg) repeat-x top; height:40px;}
.mainTitle{width:156; height:37; float:left}

.right { width:260px; float:right; border:1px solid #880e01;}
.shareBox{ height:30px; float:right; font:12px/22px arial; color:#333; padding:10px;}
.iconCard,.shareto,.xinlang,.praise,.tengxun,.souhu,.wangyi{height: 22px; display: block; overflow: hidden; float:left; }
.praiseNumber{ color:#F00; font-size:12px;}
#praiselist{ position:relative;}
#praisecont{ position:absolute; width:120px; height:30px; background:#F90; font:bold 14px/30px arial; color:#FFF; text-align:center; top:35px;}
#sharecont{ display:none; position:absolute; width:80px; background:#FFF; padding-top:0; border:2px solid #F60; top:35px; right:0;}
#sharecont p{ text-align:center; background:#F60; color:#FFF; font-weight:bold;}
.praise{background:url(../images/technology/praise.jpg) no-repeat; padding-left:25px;}
.shareto{background:url(../images/technology/share.jpg) no-repeat; padding-left:25px;}
.xinlang{ background:url(../images/technology/weibo.jpg) no-repeat; padding-left:25px;}
.tengxun{background:url(../images/technology/tengxun.jpg) no-repeat; padding-left:25px;}
.souhu{background:url(../images/technology/souhu.jpg) no-repeat; padding-left:25px;}
.wangyi{background:url(../images/technology/wangyi.jpg) no-repeat; padding-left:25px;}

.text{ font-size:12px; color:#333; line-height:24px; padding-left:5px; padding-right:5px;}
.weibotext{ height:30px; font-size:12px; color:#333; line-height:24px; padding-left:5px; padding-right:5px;}
.title { background:url(../images/technology/img_10.jpg) no-repeat; height:35px; color:#333; line-height:30px; padding-left:10px; font-size:14px; font-weight:bold; }
.video{ width:250px; padding:5px; width:250px; height:170;}
.Contactus{ width:250px; padding:5px; font-size:12px; color:#333; line-height:24px;}
.Contactus .dl_first{ line-height:40px; _line-height:30px;}
.smallbox{ height:10px;}
/*.Label,.word,.ppt{height: 30px; width: 200px; display: block; overflow: hidden; float:left; }
.word{ background:url(../images/technology/word.jpg) no-repeat; padding-left:25px;}
.ppt{background:url(../images/technology/ppt.jpg) no-repeat; padding-left:25px;}*/
.guestPic{ background-color:#fff; display:block; background-image:url(../images/technology/img_96.jpg) scroll; font-size:12px; color:#333; width:43; height:43; margin-bottom:15px; float:left;}
.message{border-bottom: 1px dashed #CCC; padding:5px; width:650; height:60px}
.titlebar{ background:url(../images/technology/img_07.jpg) no-repeat; width:677; height:41;}
#carlist .imgbox{ padding-left:20px; width:657px; height:454px;}
.imgbox li{ width:200px; background-color:#F1F1F1; float:left; margin:0 10px 20px 0; padding:2px;}
.imgframe{ width:200; height:203; padding-right:20px; border:1px solid #c0c0c0; position: relative;}

.download{ line-height:30px; padding-left:5px;}

.download div.strike{ float:right; overflow:hidden;}
.download div.strike a{ color:#333; text-decoration:underline; padding:0px; background:none; text-align:right;}
.download li{ height:25px; text-overflow:ellipsis; overflow:hidden; width:250px;}
.download li a{display:inline-block; padding-left:18px;background: url(../images/technology/fileicon.gif) 0px 0px no-repeat; color:#333; text-decoration:none}
.download li a.iconDoc {background-position:0px 5px; }
.download li a.iconExl {background-position:0px -31px;}
.download li a.iconPpt {background-position:0px -68px;}
.download li a.iconPdf {background-position:0px -104px;}
.download li a.iconVideo {background-position:0px -140px;}
.download li a.iconCaj {background-position:0px -176px;}
.download li a.iconGif {background-position:0px -212px;}
.download li a.iconJpg {background-position:0px -248px;}
.download li a.iconPng {background-position:0px -282px;}
.download li a.iconPub {background-position:0px -318px;}
.download li a.iconRar {background-position:0px -354px;}
.download li a.iconTxt {background-position:0px -389px;}
.download li a.iconWps {background-position:0px -427px;}
.download li a.iconXls {background-position:0px -32px;}
.download li a.iconZip {background-position:0px -354px;}

.button{ margin-bottom:5px; display: block;}
.button ul{ float:left; width:250px;}
.button ul li{ float:left; margin-right:5px;}
.button a.carte,.button a.friends,.button a.greet,.button a.news{ background: url(../images/icon.gif) no-repeat 0px 0px; width:77px; height:21px; line-height:80px; overflow:hidden; display:inline-block;}
.button a.carte{background-position:0px 0px;}
.button a.friends{ background-position:0px -31px;}
.button a.greet{background-position:0px -62px;}
.button a.news{ background-position:0px -93px;}

.introduce{ font-size:14px; color:#333; height:18px; background-color:#f1f1f1; padding-top:10px; padding-bottom:10px; text-align:center;}
.more{ float:right; padding:10px;}
.more a{ font-size:12px; color:#005888; text-decoration:none;}

.photoshow{ margin:10px;}
.photocont{ width:657px; height:368px; text-align:center;}
.phototitle{background:#2c2c2c; font-size:14px; color:#FFF;width:637px; height:14px; padding:10px;}
.imgText{ width:537px; float:left}
.number{ font-size:12px; line-height:14px; text-align:right;}


.imgbox{ width:657px; padding-left:20px; }


.leftCut{ height:87; width:21px; padding:30px 0 0 0; float:left;}
.rihtCut{ height:87; width:21px; padding:30px 0 0 0; float:right; text-align:right;}

/*.showBox{ padding:10px 5px 10px 5px; float:left; width:666px; height:85px}*/
.showMessageBox{ padding:10px 5px 10px 5px; float:left; width:666px; height:85px}

.imgRedFarme{ width:100px; height:80px; padding-right:20px; border:3px solid #a40102;}
.showMessageBox .imgBox{ width:595px; height:90px; float:left; padding-left:10px; overflow:hidden;}

.car{ margin:0px auto}
.car li{ width:111px; margin-right:10px; float:left;}
.car a.cur img{ border:3px solid #a50000;}
.car a img{ border:3px solid #fff;}

/*评论 */
.comment{}
.comment .commtab{ margin-top:20px; overflow:hidden; height:28px;}
.comment .commtab li{width:80px; height:28px; float:left; display:inline;  border:1px solid #ddd;  border-bottom:0px; text-align:center;}
.comment .commtab li a{ color:#8d8c8c; font:14px/28px "微软雅黑";  display:block;  }
.comment .commtab li.commcur{ background:#fcf4e3; border:1px solid #a5580b; border-bottom:0px;   height:28px; }
.comment .commtab li.commcur a{ color:#a5580b; font-weight:bold; }
.comment .comdetail{background:#fcf4e3; padding:20px 40px;}
.comment .comdetail input{ width:558px; height:158px; border:1px solid #ccc;}

.comm{ width:560px;margin-top:5px;}
.commleft{ float:left;width:400px; }
.commright{ float:right; width:120px; font:12px/20px "微软雅黑"; color:#666; overflow:hidden;}
.commleft a{ background:url(../images/technology/vehicleup/icon.gif) no-repeat 0 -145px; padding-left:20px; color:#666; display:block;}
.commright i{font:12px/20px "微软雅黑"; color:#666; width:70px; display:block; float:left; text-align:right;}
.commright a{  height:18px; display:block; border:1px solid #dca246; width:40px; text-align:center; color:#734403; float:right;}
.commright a span.span_but{ float:none; width:38px; border:1px solid #fff; display:block; height:16px; font:12px/16px "微软雅黑"; }
.commleft .facelist{ position:relative;z-index:999;  }
.commleft .face ,.item .face{border:1px solid #e8dfd8;position:absolute;background:#fff;}
.commleft .face ul ,.item .face ul{ margin:0;}
.commleft .face ul li ,.item .face ul li{ width:20px; float:left; display:inline; margin-right:10px; margin-bottom:5px; height:20px;}
.commleft .face ul li a ,.item .face ul li a{ background:none; padding:0;}
.item .face{ bottom:20px; }


/*.commleft .newface ul li{ float:left; display:inline; margin-right:5px;}
.commleft .newface ul li a{ background:none; padding:0;}
.commleft .newface ul li a.addface{ background:url(../images/technology/vehicleup/icon.gif) no-repeat 0 -408px; width:18px; height:20px; margin-left:10px;}
.commleft .face{width:290px; height:265px; left:270px; top:5px; padding:0; overflow:hidden;border-top:0;border-right:0;}
.commleft .face ul li{ width:24px; float:left; display:inline;  height:24px; border:1px solid #efefef; margin:0; padding:2px; border-left:0; border-bottom:0;}*/


.leftcontent .commleft .newface ul li ,.commleft .newface ul li{ float:left; display:inline; margin-right:5px;width:24px; border-bottom:0;}
.leftcontent .commleft .newface ul li a ,.ccontent ul li .answer ul li .commleft a ,.commleft .newface ul li a{ background:none; padding:0;}
.leftcontent .commleft .newface ul li a.addface ,.commleft .newface ul li a.addface{ background:url(../images/technology/icon.gif) no-repeat 0 -408px; width:18px; height:20px; margin-left:10px;}
.leftcontent .commleft .face ,.ccontent ul li .answer ul li .commleft .face ,.commleft .face { width:290px; height:265px; left:270px; _left:-70px; top:5px; padding:0; overflow:hidden; border-top:0; border-right:0;}

.leftcontent .commleft .face ul li ,.ccontent ul li .answer ul li .commleft .face ul li ,.commleft .face ul li { width:24px; float:left; display:inline;  height:24px; border:1px solid #efefef; margin:0; padding:2px; border-left:0; border-bottom:0;}



.ccontent{ margin-top:10px;}
.ccontent .ctitle{ background:#fcf4e3; height:26px; width:677px; overflow:hidden; margin-bottom:10px;}
.ccontent .ctitle b{ float:right; display:block; width:100px; font:12px/26px "微软雅黑"; text-align:right; padding-right:10px;}
.ccontent .ctitle span{ float:left; width:200px; display:block; padding:10px;}

.ccontent ul{ margin:10px;}
.ccontent ul li{ border-bottom:1px dashed #ffdea0; padding-bottom:10px; font:12px/20px "微软雅黑"; width:660px; margin-bottom:10px;}
.ccontent ul li .qu{width:660px; overflow:hidden;}
.qu a{ float:right; width:50px; color:#06F}

.ccontent ul li span{ float:right; width:60px;}
.ccontent ul li p{ float:left; width:540px;}
.ccontent ul li p i{ background:url(../images/technology/iconi.gif) no-repeat 0 -228px; padding-left:20px; display:block; height:20px; float:left;}
.ccontent ul li .answer{ background:#fafafa; border:1px solid #e5e2e2; position:relative; top:10px; left:20px; width:600px; margin-bottom:10px;  }
.ccontent ul li .answer .aarrow{ background:url(../images/technology/iconi.gif) no-repeat 0 -280px; width:13px; height:7px; position:absolute; top:-7px; left:10px;}
.ccontent ul li .answer ul li{ border-bottom:1px dashed #ccc; width:580px; overflow:hidden; margin-bottom:10px; padding-bottom:5px;}
.ccontent ul li .answer ul li span{ float:none; width:auto; color:#999;}
.ccontent ul li .answer ul li a{ float:right; width:50px; color:#06F}
.ccontent ul li .answer ul li p{ float:left; width:520px;}
.ccontent ul li .answer ul li.lat{ border-bottom:0;}
.ccontent ul li .answer ul li p i.an{ background:url(../images/technology/iconi.gif) no-repeat 0 -258px;}


.nextq{ margin-left:30px;}
.ccontent ul li .answer ul li .comdetail input ,.nextq input{ width:558px; height:158px; border:1px solid #ccc; margin-top:10px;}
.ccontent ul li .answer ul li .comm ,nextq .comm{ width:560px;margin-top:5px;}
.ccontent ul li .answer ul li .commleft ,.nextq .commleft{ float:left;width:400px; text-align:left;}
.ccontent ul li .answer ul li .commright ,.nextq .commright{ float:right; width:120px; font:12px/20px "微软雅黑"; color:#666; overflow:hidden;}
.ccontent ul li .answer ul li .commleft a ,.nextq .commleft a{ background:url(../images/technology/icon.gif) no-repeat 0 -145px; padding-left:20px; color:#666; display:block; float:none;}
.ccontent ul li .answer ul li .commright i ,.nextq .commright i{font:12px/20px "微软雅黑"; color:#666; width:70px; display:block; float:left; text-align:right;}
.ccontent ul li .answer ul li .commright a ,.nextq .commright a{  height:18px; display:block; border:1px solid #dca246; width:40px; text-align:center; color:#734403; float:right;}
.ccontent ul li .answer ul li .commright a span ,.nextq .commright a span{ border:1px solid #fff; display:block; height:16px; font:12px/16px "微软雅黑"; color:#734403; }
.ccontent ul li .answer ul li .commleft .facelist ,.nextq .commleft .facelist{ position:relative;}
.ccontent ul li .answer ul li .commleft .face ,.nextq .commleft .face{border:1px solid #e8dfd8;padding:8px 0 0 10px;width:180px;overflow:hidden;height:80px;position:absolute;background:#fff;left:-3px;bottom:25px;}
.ccontent ul li .answer ul li .commleft .face ul ,.nextq .commleft .face ul{ margin:0;}
.ccontent ul li .answer ul li .commleft .face ul li ,.nextq .commleft .face ul li { width:20px; float:left; display:inline; margin-right:10px; margin-bottom:5px; height:20px; border-bottom:0; padding:0;}
.ccontent ul li .answer ul li .commleft .face ul li a ,.nextq .commleft .face ul li a{ background:none; padding:0;}
.nextq .commright a span{ width:38px; float:none;}



/*二级导航*/
.navLogin .navMoreA dd a{  text-align:center; margin:0px; padding:0px; padding: 10px 0px 3px; border-bottom:1px solid #FFF; background-color:#D9EEF9;    }
.navLogin .mainBj{  background-color:#D9EEF9;}
.navMoreA{font-size:14px;color:#000;position:absolute;top: 1px;left: 147px;width: 140px;background-color:#D9EEF9;border:1px solid #6EBEE9;text-align:center;overflow:hidden; z-index:7000;}
.navMain ul li .navMoreA dd a{  text-align:center; margin:0px; padding:0px; padding: 10px 0px 3px; border-bottom:1px solid #FFF; background-color:#D9EEF9;    }
.navMain ul li .mainBj{  background-color:#D9EEF9;}

.explainContent{ display:none; width:630px; font-size:12px; color:#333; position: absolute; z-index:10; background-color:#D9E7E8; border:1px  solid #c1c0c0; left:22px;}
.imgtextt{ padding:10px; font-size:12px; color:#333; line-height:24px}
.explain{ background:url(../images/technology/sanj.gif); width:20px; height:17px; position:absolute; top:-17px; left:90px;}
#question_answer .cur{ font-weight:bold;}
#marqueebox{ height:355px; width:256px; overflow:hidden; }


.comment_answer .comdetail{padding:10px;}
.comment_answer .commleft .newface ul li a.addface{ margin-left:0; background:url(../images/technology/icon.gif) no-repeat 0 -408px; width:18px; height:20px;}

.porductShow{ padding-top:10px; position:relative;}
.faceImg { padding-left:5px; float:left; width:120px;}
.textBox { float:right; width:130px;}
.textBox strong { width:130px; display:block; height:20px; }
.textBox strong a{ font-size:14px;}
.textBox span { display:block; height:60px;}

.imgtextt{ padding:10px; font-size:12px; color:#333; line-height:24px}
.explain{ background:url(../images/sanj.gif); width:20px; height:17px; position:absolute; top:-17px; }
#explainContent0 .explain{ left:90px;}
#explainContent1 .explain{ left:305px;}
#explainContent2 .explain{ left:520px;}


.page {display: inline;float: right;height: 25px;padding: 15px;}
.page a {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;color: #666666;font: 12px arial;padding: 2px 5px;}
.page span, .page a:hover {background: none repeat scroll 0 0 #F1E6D1;border: 1px solid #BE8C46;font: 12px arial;padding: 2px 5px;text-decoration: none;}
.page a.pageup {background: url("../images/technology/icon.gif?v=20120830") no-repeat scroll 0 -567px transparent;border: 0 none;height: 20px;line-height: 20px;padding: 0 0 0 12px;}
.page a.nextpage {background: url("../images/technology/icon.gif?v=20120830") no-repeat scroll 38px -597px transparent;border: 0 none;height: 20px;line-height: 20px;padding: 0 12px 0 0;}
.page a.nopageup {background: url("../images/technology/icon.gif?v=20120830") no-repeat scroll 0 -1416px transparent;border: 0 none;height: 20px;line-height: 20px;padding: 0 0 0 12px;}
.page a.nonextpage {background: url("../images/technology/icon.gif?v=20120830") no-repeat scroll 38px -1446px transparent;border: 0 none;height: 20px;line-height: 20px;padding: 0 12px 0 0;}
.page a.pageup:hover {border: 0 none;height: 20px;line-height: 20px;padding: 0 0 0 12px;}
.page a.nextpage:hover {border: 0 none;height: 20px;line-height: 20px;padding: 0 12px 0 0;}
.page a.nopageup:hover {border: 0 none;padding: 0 0 0 12px;}
.page a.nonextpage:hover {border: 0 none;padding: 0 12px 0 0;}

.showCard{ position:relative;}
.showMessage{ position:relative;}
.showFriend{ position:relative;}
.showCard .tipText { background: url(../images/cards/messagea.gif) no-repeat; height: 40px; width: 220px; position:absolute; font-size: 12px; color: #000; padding: 10px; left: -115px; top: -60px; *top:-50px; line-height: 14px; font-weight:normal; z-index:9999;}
.showMessage .tipText { background: url(../images/cards/messagea.gif) no-repeat; height: 40px; width: 220px; position: absolute; font-size: 12px; color: #000; padding: 10px; left: -115px; top: -60px; *top:-50px; line-height: 14px; font-weight:normal; z-index:9999; }
.showFriend .tipText { background: url(../images/cards/messagea.gif) no-repeat; height: 40px; width: 220px; position: absolute;  font-size: 12px; color: #000; padding: 10px; left: -115px; top: -60px; *top:-50px; line-height: 14px; font-weight:normal; z-index:9999; }
.tipText a{ color:#005888; display:block; line-height:25px; text-align:center; text-decoration:underline; width:222px;}
.pointText { background: url(../images/cards/messagee.gif) no-repeat; height: 60px; width: 300px; position: absolute;  font-size: 12px; color: #000; padding: 15px 0px 0px 15px; left: -175px;top:-70px; line-height: 14px; font-weight:normal; line-height:20px; z-index:5000;}