/*****reset(reset.css 妗嗘灦)*****/
/*Wednesday, 24-Dec-2013 16:15:00 CST*/
html {color:#333;background:#f5f5f5;-webkit-text-size-adjust: none; }
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,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
body,button,input,select,textarea{font:12px/20px \5b8b\4f53,tahoma,arial;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;}
input,select,textarea{font-size:100%;}
ol,ul {list-style:none;}
i,em { font-style: normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td {text-align:left;}
img{border:0;vertical-align: top;}
iframe{display:block; }
a { color: #333; outline: none; text-decoration:none;} a:hover { color: #f60; text-decoration:underline;}
.clear { clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.spanclass { display: none;}
.mark{float: left;}
.subMark { padding-right:10px; float:right; }
/*****layout(layout.css 妗嗘灦)*****/
/**缁撴瀯**/
.layAB,.layC { float: left;display: inline;}
.layAB { width: 740px; margin-right:20px;}
.layC { width: 230px;}
.wrapper{ width: 990px;margin: 0 auto; background: #fff;}
body .navWrap {background: none repeat scroll 0 0 #F3F3F3;border-bottom: 1px solid #E3E3E3;width: 100%;}
body #navibar {border-bottom: medium none;}

/*banner*/
.chaTop{background: url(/www1/2014/itbk/images/bg.png) no-repeat left 0;text-align: left;}
.chaLogo{float: left;}
.chaLogo a{float: left;display: inline; height: 80px;}
.chaLogo .pcsy{width: 120px; }
.chaLogo .bksy{width: 85px;}
.chaOther{float: right;}

/*蹇悳*/
.ks { width:330px; padding:24px 0; float:right;}
.ks .searchItem { position:relative; zoom:1}
.ks .searchItem .ksLink { width:28px; height:28px; position:absolute; left:2px; top:2px; z-index:10; cursor:pointer}
.ks .searchItem input { float:left; background:url(/www1/2014/itbk/images/icon.png) 0 -154px no-repeat; background-color:#fff; color:#777;-webkit-appearance: none;outline: none;}
.ks .searchItem input.focus { width:246px; padding-left:3px; background:none; background-color:#fff; color:#333;}
.ks .searchItem .ksKeyword { width:221px; height:28px; line-height:28px; padding:0 0 0 28px; border:2px solid #ff9934; border-right:none;}
.ks .searchItem .ksSubmit { width:79px; height:32px; line-height:32px; padding:0; background:#ff9934; border:none;  color:#fff; font-size:14px; font-weight:bold; cursor:pointer}
/*瀵艰埅鏉�*/
.chaNav { height:40px; line-height:40px;padding:0;background:#1f63c3;position: relative;z-index: 10;}
.chaNav li { float:left; display:inline; border-right:1px solid #3777d2;height: 40px;position: relative;}
.chaNav li a { padding:0 19px; display:inline-block;font-size:14px; font-weight:bold; color:#fff; position:relative; zoom:1; text-decoration:none;}
.chaNav li a em { width:7px; height:4px;overflow: hidden; display:block; position:absolute; right:20px; top:19px;background:url(/www1/2014/itbk/images/icon.png) no-repeat -7px -10px;transition: all 0.3s ease-in 0s;}
.chaNav .hover a em{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.chaNav li a:hover {color:#fff; background:#3777d2;text-decoration:none}
.chaNav .current { background:none;}
.chaNav .current a,.chaNav .current a:hover{ background:#072e69; color:#fff;}
.chaNav .hover a{color:#fff; text-decoration:none;}
.dropNav{position: absolute;top:0;left: -1px;background: #fff;border:2px solid #3777d2;width: 111px;text-align: center;display: none;}
.hover .dropNav{display: block;}
.chaNav .sort{width: 113px;}
.chaNav .sort a{padding:0 0 0 20px;width: 93px;}
.chaNav .sort .dropNav a{padding: 0;color: #000;font-weight: normal;display: block;width: 111px;}
.chaNav .sort .dropNav a:hover{color: #fff;}
.chaNav .sort .dropNav .aSort{text-align: left;padding-left: 19px;font-weight: bold;height: 38px;line-height: 36px;width: 92px;}
.chaNav li .aSort em{background-position:-16px -10px;top:17px;right: 19px;transition:none;}
.chaNav li .aSort:hover em{background-position:-7px -10px; }

.sonChaNav{height: 72px;}
.sonChaNav .dropNav{left:0;width: 984px;background: #f1f5f9;height: 31px;border: 1px solid #e4eaf0;border-top: none;top: 40px;display: block;line-height: 30px;text-align: left;color: #ccc;padding-left: 4px;}
.sonChaNav .dropNav a{padding: 0 6px;color: #05a;}
.sonChaNav .dropNav a:hover{color: #f60;}
.sonChaNav .dropNav .current{color: #333;font-weight: bold;}
.sonChaNav .sort .dropNav .aSort{display: none;}
/*comment*/
.mt0{margin-top: 0;}.mt10{margin-top: 10px;}.mb10{margin-bottom: 10px;}.mb20{margin-bottom: 20px;}
.red, .red a{color: #c00;}
.red a:hover{color: #f60;}
.blueBG{background: #f1f5f9;}
.f14{font-size: 14px;}
.fl{float: left;}.fr{float: right;}
.imgArea {float: left;}
.blue{color: #038;}.blue:hover{color: #f60;}
/*鏍囬*/
.sTit { height:32px; line-height:32px; display:block; overflow:hidden; text-align:center; word-break:break-all; word-wrap:break-word}
/*鐩稿叧*/
.related{color: #aaa;line-height: 24px;padding: 3px 0 0;height: 24px;overflow: hidden;}
.related a{color: #05a;}
.related a:hover{color: #f60;}

.tbA .expTxtA{padding-left: 6px;}
/*钃濊壊鎸夐挳*/
.viewMore{padding: 11px 0;text-align: center;border-top:1px dashed #e3e3e3;}
.aView{display: inline-block;width: 140px;height: 30px;overflow: hidden;font:bold 14px/30px "SimSun";color: #fff;background: #05a;}
.aView:hover{color: #fff;background: #f60;text-decoration: none;}
.bBorder{border-bottom: 1px solid #e3e3e3;}
.imgArea { float:left; }
/*****expTxtA(expTxtA.css 妗嗘灦)*****/
/*鏂囧瓧閾剧粨鏋�*/
.expTxtA:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}
.expTxtA { zoom:1}
.expTxtA li { padding-left:14px; height:28px; line-height:28px; overflow:hidden; vertical-align:middle;*zoom:1; background:url(/www1/2014/itbk/images/icon.png) -22px -180px no-repeat;color: #777;}
.hTxt24 li ,.moreTxt li{background-position: -22px -182px;height: 24px;line-height: 24px;}
.expTxtA .iSub { color:#aaa;}
.expTxtA .key{color: #333;}
.expTxtA .iSub a { color:#777}.expTxtA .iSub a:hover { color:#f60}
/*娓呴櫎鐐�*/
.noMdTxt { padding:0 10px 0 4px;}
.noMdTxt li { padding-left:0; background:none;}
.moreTxt{width: 335px;}
.moreTxt li{padding-right: 40px;position: relative;}
.moreTxt li .aMore{color: #333;position: absolute;right: 0;top: 0;}
.moreTxt li .aMore:hover{color: #f60; }
/*鍥剧墖缁撴瀯*/
.expPicA:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}
.expPicA {zoom:1}
.expPicA li{ float:left; display:inline; text-align:center}
.expPicA li .sTit { cursor:pointer}
.expPicA li .noBg { background:none;}
.expPicA li.last { margin-right:0}

.wPic100 li { width:100px;}
/*鏁磋鍥�*/
.wPic100a { padding:0 0 2px 0}
.wPic100a li { width:100px; margin:10px 0 0 10px}
.wPic120a li .aPic { width:120px; float:left;margin:5px 5px 0;} 
.wPic120b li{border-top: 1px dashed #e3e3e3;padding:20px 0 10px 0;width: 740px; }
.wPic120b .first{border-top: none;padding-top: 10px;}
.wPic120b li .aPic { width:120px; float:left;margin:0 80px 0 0 ;} 
.wPic120b li .last{margin:0;}
/*dlTxt*/
.dlTxt { width:225px; padding:0 0 0 10px;float:left; text-align:left;word-break: break-all;}
.dlTxt dt { height:22px; line-height:22px; margin-bottom:3px; overflow:hidden; font-weight:bold;}
.dlTxt dd { line-height:20px; color:#777;}

/*鍥炬枃鍒楄〃缁撴瀯pic-txtA*/
.pic-txtA { padding:6px 10px 9px 0}
.pic-txtA .expPicA li{ margin-right:10px;}
.pic-txtA .expTxtA { width:223px; margin-top:-7px; overflow: hidden}
.pic-txtA .expTxtA li {_line-height:29px;}
/*pic-txtC*/
.pic-txtC .first{padding-top:6px;}
.pic-txtC li{width: 740px;border-bottom: 1px dashed #e3e3e3;padding: 20px 0;overflow:hidden; zoom:1}
.pic-txtC .imgArea{margin-right: 15px;_margin-right: 12px;}
.pic-txtC .dlTxt{padding: 0 25px 0 15px;width: auto;float: none;}
.pic-txtC .dlTxt dt{font:16px/34px "Microsoft Yahei";height: 34px;margin: 0;overflow: hidden;}
.pic-txtC .dlTxt dd{font-size: 14px;line-height: 26px;color: #777;text-indent: 2em;}
.pic-txtC .dlTxt dt font{color: #c00;}
/*鏃犲浘鐗�*/
.noMdImg .first{padding-top:2px; }
.noMdImg li{padding: 11px 0 14px 0;}
/*****modBoxA(modBoxA.css 妗嗘灦)*****/
.modBoxA { margin-bottom:10px;}
.thA { height:33px; line-height:33px;padding-bottom: 6px; overflow:hidden}
.thA .mark { font-size:14px; font-weight:bold; color:#05a}
.thA .mark a { color:#05a}.thA .mark a:hover { color:#f60}
.thA .subMark { padding-top:1px;}
.tbA{padding-bottom: 7px;}
/*****妯″潡modBoxB(modBoxB.css)*****/
.thB { height:46px; line-height:46px; border-bottom:1px solid #e3e3e3; zoom:1}
.thB .mark { height:45px; padding:0 10px; border-bottom:2px solid #05a; margin-bottom:-2px; font:bold 14px/46px \5B8B\4F53; position:relative; zoom:1; white-space:nowrap; overflow:visible; text-align:center; color:#05a}
.thB .mark a { color:#05a} .thB .mark a:hover{ color:#f60}
.thB .subMark { height:auto; line-height:29px; padding-top:3px;} 
/*****modBoxC(modBoxC.css 妗嗘灦)*****/
.modBoxC .thC{height:33px; line-height:33px; overflow:hidden;}
.thC .mark{ padding-left:10px; font-size:14px; font-weight:bold; color:#05a;float: left;}
.thC .mark a { color:#05a}.thC .mark a:hover { color:#f60}
.thC .bOrange{ background: none repeat scroll 0 0 #F60;display: inline;float: left;height: 14px;margin: 10px 0 0 0;width: 4px;}

.dListA{margin-top: 18px;width: 739px;overflow: hidden;}
.expListA{width:760px;margin: -18px 0 0 -20px;}
.expListA .iterm{float: left;width: 349px;overflow:hidden;border-right:1px dashed #e3e3e3;border-bottom:1px dashed #e3e3e3;padding: 10px 0 14px 20px;}
.expListA .iterm .expTxtA{margin-left: -4px;}
.expListA .even{;padding-right:20px;}
.expListA .lastR{border-bottom: none;padding-bottom: 0;}

/*sortBoxA*/
.sortBoxA{padding:0 0 14px 0;overflow: hidden;_padding-top:18px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}
.sortBoxA .iterm .wTxt162 li{float: left;width: 162px;}
.expListA .dlTxt dd .more{position: relative;float:right;line-height: 20px;right: 0;*margin-top: -20px;}

/*搴曢儴鏍峰紡*/
.footer{background: #f5f5f5;}
html body { background:#fff;text-align: left;}
body #bottom .links { background:none; text-align:center;}
body #bottom .links ,body #bottom .links a { color:#919191;}
body #bottom .sites ,body #bottom .sites a ,body #bottom .sites a:link { color:#919191;}
body #bottom .sites a:hover ,body #bottom .sites a:visited { color:#919191;}
body #bottom .left p ,body #bottom .left p a ,body #bottom .left p a:link { color:#919191;}
body #bottom .mid ,body #bottom .mid a ,body #bottom .mid a:link { color:#919191;}
/*focusArea鐒︾偣鍖哄煙*/
.focusArea{width: 720px;height: 202px;background: url(/www1/2014/itbk/images/bg.png) no-repeat 0 -264px;padding: 10px;overflow: hidden;position:relative;margin-top: 6px;}
.focusArea .btn{position: absolute;width: 29px;height: 29px;top: 71px;z-index: 10;cursor:pointer;}
.focusArea .slide{width: 720px;height: 150px;}
.focusArea .slide .btn{display: none;}
.focusArea .hover .btn{display: block;}
.focusArea .prev{left: 10px;}
.focusArea .next{right: 10px;}
.focusArea .btn i{background: url(/www1/2014/itbk/images/pn.png) no-repeat 0 0;width: 29px;height: 29px;display: block;}
.focusArea .next i{background-position: -29px 0;}
.focusArea .pic-txtC li{width: 720px;height: 150px;padding:0;overflow: hidden;float: left;border:none;}
.focusArea .pic-txtC{padding: 0;}
.focusArea .dlTxt{padding-right: 0;}
.focusArea .dlTxt dt{font:bold 18px/36px "Microsoft YaHei";height: 36px;margin-bottom: 5px;}
.focusArea .dlTxt dd{height: 104px;overflow: hidden;text-indent: 2em;}
.focusArea .control { width:300px; height:7px; margin-left:-150px; text-align:center; position:absolute; left:50%; top:190px;font-size: 0;}
.focusArea .control .toc{ width:7px; height:7px; margin:0 7px; display:inline-block;overflow:hidden; cursor:pointer;background: url(/www1/2014/itbk/images/icon.png) no-repeat -16px -15px;}
.focusArea .control .current{ background-position:-8px -15px }
/*鐭ヨ瘑绉戞櫘*/
.popular{padding-bottom: 25px;}
.popular .dlTxt{float: none;width: 710px;padding-left: 0;}
.popular .dlTxt dt{margin-bottom:4px;}
/*slidePic鍝佺墝瀵艰埅*/
.slidePic{width: 650px;padding: 10px 45px 7px;height:132px;overflow: hidden;position: relative; }
.slidePic .expPicA li{width: 650px;height: 127px;}
.r_btn{width: 29px;height: 29px;position: absolute;top: 45px;z-index: 10;cursor:pointer;background: url(/www1/2014/itbk/images/icon.png) no-repeat 0 -23px;}
.slidePic .prev{left: 10px;}
.slidePic .prev:hover{background-position:0 -53px; }
.slidePic .next{right: 10px;background-position: 0 -83px;}
.slidePic .next:hover{background-position: 0 -113px; }
.slidePic .control{display: none;}
/*****妯″潡expTopA(expTopA.css)*****/
/*鎺掕姒�*/
.expTopA { padding:2px 10px 0 3px; zoom:1}
.expTopA li{ height:28px; line-height:28px; padding:0 0 0 27px; position:relative; zoom:1; overflow:hidden; vertical-align:middle}

.expTopA li em{ position:absolute; top:0}
.expTopA li em { width:24px; height:28px; font:italic bold 16px/29px Arial, Helvetica, sans-serif; color:#aaa; text-align:center; letter-spacing:-2px; overflow:hidden; left:0; *left:4px; top:-1px\9;*top:-2px; vertical-align:top}
.expTopA li em.orange { color:#f60}
.expTopA li h6 { height:28px; margin-right:4px; font:normal 12px/28px "瀹嬩綋"; position:relative; *zoom:1; z-index:3}
.expTopA li h6 a { height:28px; position:absolute; left:0; top:0; overflow:hidden; word-break:break-all; word-wrap:break-word;}
.expTopA li h6 a:hover { color: #f60;}
/*****pcComTab(pcComTab.css 妗嗘灦)*****/
.pcComTab { position:relative; zoom:1;}
.pcComTab .pagination{ height:46px; border-bottom:1px solid #e3e3e3; vertical-align:middle}
.pcComTab .pagination .toc{ height:45px; line-height:45px; float:left; display:inline;  font-size:14px; text-align:center; position:relative; zoom:1; cursor:default;padding: 0 10px;margin-right: 9px;}
.pcComTab .pagination .current { color:#05a; font-weight:bold;background:url(/www1/2014/itbk/images/icon.png) center 41px no-repeat;}
.pcComTab .pagination .current{ _top:1px; border-bottom:2px solid #05a;}
.pcComTab .pagination .current a { color:#05a}.pcComTab .current a:hover { color:#f60}

.brandGuide{margin-top:-16px;}