.titleWrap h2 { display: block; margin: 100px auto 10px; width: 227px; } .titleWrap h2 i { display: inline-block; width: 60px; height: 60px; background: url("../images/icon-question.png") center no-repeat; float: left; position: relative; top: -10px; } .titleWrap h2 span { color: #000; font-size: 32px; } .alwaysQuestionWrap { background: #fff; padding: 40px 50px 41px 44px; color: #000; margin-bottom: 40px; } .alwaysQuestionWrap h3 { font-size: 24px; line-height: 24px; margin-bottom: 72px; } .alwaysQuestionWrap .tabBody .tabList { display: none; } .alwaysQuestionWrap .menu { border-bottom: 1px solid #ccc; height: 55px; margin-bottom: 44px; } .alwaysQuestionWrap .menu .list { width: 108px; float: left; height: 55px; text-align: center; overflow: hidden; position:absolute; top:0; cursor:pointer; } .alwaysQuestionWrap .menu .list .listContent { width:100%; } .alwaysQuestionWrap .menu .list.active .listContent { border-bottom: 2px solid #21b3ba; height:55px; } .alwaysQuestionWrap .menu{ position:relative;} .alwaysQuestionWrap .menu .t01{ left:0;} .alwaysQuestionWrap .menu .t02{ left:252px;width: 125px;} .alwaysQuestionWrap .menu .t03{ left:500px;} .alwaysQuestionWrap .menu .t04{ left:748px;} .alwaysQuestionWrap .menu .t05{ left:1000px;} .alwaysQuestionWrap .menu .list .listContent { display: inline-block; height: 100%; border-bottom: 1px solid #ccc; margin: 0 auto; } .alwaysQuestionWrap .menu .list .icon-kaiguan { background: url("../../img/serve/icon-kaiguan.png") center no-repeat; } .alwaysQuestionWrap .menu .list .icon-zhuanhuan { background: url("../../img/serve/icon-zhuanhuan.png") center no-repeat; margin-left:8px; } .alwaysQuestionWrap .menu .list .icon-led { background: url("../../img/serve/icon-led.png") center no-repeat; } .alwaysQuestionWrap .menu .list .icon-shuma { background: url("../../img/serve/icon-shuma.png") center no-repeat; } .alwaysQuestionWrap .menu .list .icon-outher { background: url("../../img/serve/icon-outher.png") center no-repeat; margin-left:12px; } .alwaysQuestionWrap .menu .list i { display: inline-block; width: 40px; height: 40px; float: left; margin-right:6px; } .alwaysQuestionWrap .menu .list span { float: left; font-size: 14px; line-height: 40px; } .alwaysQuestionWrap .accordion { margin-bottom: 73px; width:1246px; position:relative; left:-70px; } .alwaysQuestionWrap .accordion .list { float: left; width: 100%; } .alwaysQuestionWrap .accordion .list .accContent { border-bottom: 1px solid #cccccc; position: relative; padding:0; cursor:pointer; background: url(../../img/serve/icon-zhankai.png) no-repeat 98% center; margin:0 70px; } .alwaysQuestionWrap .accordion .list .active{background: url(../../img/serve/icon-close.png) no-repeat 98% center;} .alwaysQuestionWrap .accordion .list .text { font-size: 14px; color: #333; line-height: 14px; padding: 16px 15px 16px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .alwaysQuestionWrap .accordion .list i { position: absolute; right: 0; bottom: 14px; display: inline-block; width: 16px; height: 16px; background: url("../../img/serve/icon-zhankai.png") center no-repeat; background-size: 100%; } .alwaysQuestionWrap .accordion .list i.active { width: 8.7px; height: 8.7px; background: url("../../img/serve/icon-close.png") center no-repeat; background-size: 100%; right: 5px; bottom: 18px; } .alwaysQuestionWrap .accordion .list .info { display: block; padding: 24px 20px; line-height: 24px; font-size: 12px; color: #000; background: #f2f2f2; position: relative; top: -1px; *top:-5px; margin:0 70px; } .dataDownLoadWrap { background: #fff; padding: 40px 50px 41px 44px; color: #000; margin-bottom: 95px; } .dataDownLoadWrap h3 { font-size: 24px; line-height: 24px; margin-bottom: 72px; } .dataDownLoadWrap .more { width: 60px; height: 32px; position: relative; margin:80px auto 20px; } .dataDownLoadWrap .more a{ width:70px; display:inline-block; color:#333; text-align:center;} .dataDownLoadWrap .more a:hover{ color:#000;} .dataDownLoadWrap .more a:hover .line{ width:45px;} .dataDownLoadWrap .more a .line,.dataDownLoadWrap .more a:hover .line{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;} .dataDownLoadWrap .more span { font-size: 14px; } .dataDownLoadWrap .more .line { margin:0 auto; margin-top:6px; width: 33px; height: 2px; background: #21b3ba; } .dataDownLoadWrap .menu { border-bottom: 1px solid #ccc; height: 45px; margin-bottom: 44px; } .dataDownLoadWrap .menu .list { width: 33.3%; float: left; height: 45px; text-align: center; overflow: hidden; } .dataDownLoadWrap .menu .list.active .listContent { border-bottom: 2px solid #21b3ba; height:45px; } .dataDownLoadWrap .menu .list .listContent { display: inline-block; height: 100%; border-bottom: 1px solid #ccc; margin: 0 auto; cursor:pointer; *margin-left:40%; *width:138px; } .dataDownLoadWrap .menu .list .listContent i { display: inline-block; width: 32px; height: 32px; float: left; margin-right: 12px; } .dataDownLoadWrap .menu .list .listContent .icon-book { background: url(../images/icon-explain.png) center no-repeat; } .dataDownLoadWrap .menu .list .listContent .icon-img { background: url(../images/icon-img.png) center no-repeat; } .dataDownLoadWrap .menu .list .listContent .icon-ercode { background: url(../images/icon-ercode.png) center no-repeat; } .dataDownLoadWrap .menu .list .listContent span { float: left; font-size: 14px; line-height: 32px; } .dataDownLoadWrap .tabBody .tabList { display: none; } .dataDownLoadWrap .tabBody .tabList .row .col-md-4 .img { font-size: 0; margin-bottom: 15px; } .dataDownLoadWrap .tabBody .tabList .row .col-md-4 .text { font-size: 14px; color: #333; } .dataDownLoadWrap .tabBody .tabList .row .col-md-4 .text i { display: inline-block; width: 33px; height: 33px; float: left; margin-right: 10px; } .dataDownLoadWrap .tabBody .tabList .row .col-md-4 .text .textInfo { float: left; } .dataDownLoadWrap .tabBody .tabList .row .col-md-4 .text .textInfo p { margin-bottom: 3px; line-height: 14px; color:#000; width: 260px; height: 28px; } .dataDownLoadWrap .tabBody .tabList .row .col-md-4 .text .textInfo span { font-size: 12px; line-height: 12px; } .dataDownLoadWrap .tabBody .tabList .row .col-md-4 .text em { display: inline-block; float: right; width: 38px; height: 38px; background: url(../images/icon-download.png) center no-repeat; background-size: 100%; } .alwaysQuestionWrap .accordion .leftBox{ float:left; width:50%;} .alwaysQuestionWrap .accordion .rightBox{ float:left; width:50%;} .col-md-4{ padding:0;} .col-md-4 .pad{ margin:0 20px;} .dataDownLoadWrap .tabBody .tabList{ width:1146px; position:relative; left:-20px;} .crumbsWrap a.qaBtn{ background:#c60019; width:70px; height:24px; line-height:24px; display:block; float:right; color:#fff; text-align:center; font-size:12px;} .crumbsWrap a.qaBtn:hover{ background:#840111;} .main{ padding-bottom:0;} .tabMenu{ padding:0px 0 40px 0; text-align:center;} .tabMenu span{ margin:0 40px; display:inline-block; border-bottom: 2px solid #fff; line-height:24px; cursor:pointer; font-size:14px;} .tabMenu span.on{border-bottom: 2px solid #21b3ba;}