﻿/* reset */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{ margin:0 ; padding:0;}
body, button, input, select, textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif}
h1, h2, h3, h4, h5, h6 {font-size:12px; font-weight:normal }
ul, ol {list-style:none;}
li{list-style-type:none;}
fieldset, img {border:0;}
em,cite{font-style:normal}
button, input, select, textarea, label { outline:medium none; vertical-align:middle;}
button{cursor:pointer;font-size:12px}
table {border-collapse:collapse; border:none}
body{}
html{ font-family:Arial,Helvetica,sans-serif; font-size:12px/150%;}
textarea{word-wrap: break-word;resize: none;}

/**清除浮动**/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.clear{clear:both;height:0;font:0/0 Arial;visibility:hidden; line-height:0;}

a{color:#0449BE;text-decoration:none;outline:none;_blr:expression(this.onFocus=this.blur())}

.i{display:inline-block;vertical-align:-2px;}

.iIT{background:url(i/8.png) no-repeat;width:104px;height:104px;}
.iIT1{background-position:0 0;}
.iIT2{background-position:-120px 0;}
.iIT3{background-position:-240px 0;}
.on .iIT1,.active .iIT1{background-position:0 -104px;}
.on .iIT2,.active .iIT2{background-position:-120px -104px;}
.on .iIT3,.active .iIT3{background-position:-240px -104px;}

body{background:#F8F8F8;}

#hd{ background:#fff;clear:both; _zoom:1;}
.header{ height:40px; width:980px; margin:0 auto;}
.logo{ width:180px; height:40px; display:inline; float:left;background:url(i/2_2.gif) no-repeat;}
.bdshare{float:right;margin:6px 0;}

.col .wrap{width:980px;margin:auto;position:relative;}
.col .h2{margin-top:34px;font-size:24px;font-family:\5fae\8f6f\96c5\9ed1;}

.colBanner{background:url(i/1.png) repeat-x;}
.colBanner .wrap{height:460px;background:url(i/3.gif) no-repeat center top;padding:0 90px;}
.colBanner .h1, .colBanner .desc{display:none;}
.colBanner .applyAPI{position:absolute;top:299px;left:96px;width:202px;height:52px;text-indent:-999em;overflow:hidden;}
.colBanner .applyAPI:hover{background:url(i/4.gif) no-repeat;}

.colIntro{padding-bottom:30px;background:url(i/9.gif) no-repeat center bottom;}
.colIntro .desc{padding:10px 0;}
.colIntro .desc .introTab{width:33%;float:left;}
.colIntro .cnt{padding:20px 0;min-height:281px;}

.introTab{text-align:center;text-decoration:none;}
.introTab .text{font-size:20px;color:#666666;font-family:\5fae\8f6f\96c5\9ed1;margin-top:10px;}
.introTabs .active .text{color:#67BDFE;}

.introTabC{position:relative;display:none;}
.introTabC:first-child{display:block;}
.introTabC .text{position:absolute;top:0;left:710px;width:240px;height:278px;display:table;}
.introTabC .text div{display:table-cell;vertical-align:middle;font-size:14px;color:#7C7C7C;font-family:\5fae\8f6f\96c5\9ed1;}

.colCoop{}
.colCoop .h2{margin-top:11px;}
.colCoop .desc{padding:20px 0 15px;}
.colCoop .desc .coopTab{float:left;margin-right:10px;width:100px;}
.colCoop .cnt .list{height:118px;overflow:hidden;}
.colCoop .cnt .listWrap{margin-right:-50px;position:relative;}
.colCoop .cnt .coopAPI{width:180px;float:left;margin-right:18px;}
.colCoop .cnt .coopAPI .pic{width:178px;height:88px;}
.colCoop .cnt .coopSDK{width:90px;float:left;margin-right:21px;}
.colCoop .cnt .coopSDK .pic{width:88px;height:88px;}

.coopTab{display:block;background:#E6E6E6;font-size:16px;color:#666666;text-align:center;font-family:\5fae\8f6f\96c5\9ed1;line-height:28px;}
.coopTabs .on,.coopTabs .active{background:#67BDFE;color:#FFF;}
.coopTabC{display:none;}
.coopTabC:first-child{display:block;}

.iSC{background:url(i/10.gif) no-repeat;width:17px;height:17px;}
.iSC1{background-position:left bottom;}
.iSC2{background-position:right bottom;}
.iSC3{width:5px;height:5px;vertical-align:middle;}
.active .iSC3, .slide_jump:hover .iSC3{background-position:right top;}
.slideCtrl{position:relative;}
.slideCtrlWrap{position:absolute;right:3px;bottom:15px;padding:0 20px;height:17px;}
.slideCtrl .slide_prev{position:absolute;left:0;top:0;}
.slideCtrl .slide_next{position:absolute;right:0;top:0;}
.slideCtrl .slide_jump{padding:0 3px;}

.colCont{margin-top:33px;}
.colCont .contWays{background:#FFF;border:1px solid #E2E2E2;padding:30px 30px 33px 30px;}
.colCont .contWay{float:left;}
.colCont .contWay1{width:340px;border-right:1px solid #E2E2E2;margin-right:80px;}

.contWay{}
.contWay .h3{font-size:20px;color:#444444;margin:10px 0;font-family:\5fae\8f6f\96c5\9ed1;}
.contWay .cnt{font-size:14px;color:#666666;font-family:\5fae\8f6f\96c5\9ed1;}
.contWay .cnt a{color:#46A3E8;}
.contWay .cnt img{vertical-align:middle;margin:10px 20px 10px 0;}
.contWay1 .cnt p{line-height:1.6;}

.coopItem{text-align:center;}
.coopItem .pic{width:180px;height:96px;margin:auto;display:table;background:#FFF;border:1px solid #E2E2E2;}
.coopItem .pic .img{display:table-cell;vertical-align:middle;}
.coopItem .pic img{max-width:100%;max-height:100%;vertical-align:middle;}
.coopItem .name{font-size:14px;color:#666666;font-family:\5fae\8f6f\96c5\9ed1;line-height:2;}


.colFoot{padding:30px 0;}
.colFoot .wrap{text-align:center;font-size:12px;color:#666;}
.colFoot span{padding:0 10px;}
.colFoot a{color:#666;}


