.header{height:50px; background-color:#f6f6f6;color:#666;font-size:14px;} .logo{float:left; padding-top: 20px;} .logo a{display:inline-block;margin-top:5px;} .header i{color:#41b1e9;margin-right:5px; font-weight:bold;} .nav{height:110px;background-color:#fff;} .left-text span{margin-right:10px;} .sclq{color:#000;font-size:20px;margin-left:10px;} .left-text,.right-text{line-height:50px;} .right-text a{margin-right: 30px;float:right;color:#999;} .nav .container{position:relative;} .nav-list{position:absolute;right:10px;} .nav-list a{float:left;padding:0 15px;font-size:20px;line-height:110px;border-top:2px solid #fff;color:#666666;} .nav-list a:last-child{padding-right:0px;} .nav-list a.active{color:#20a0de;border-top:2px solid #20a0de;} .footer{height:190px;padding:50px 0; line-height:24px; text-align:center;color:#fff;background: rgba(70,183,239,1); background: -moz-linear-gradient(left, rgba(70,183,239,1) 0%, rgba(29,157,221,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(70,183,239,1)), color-stop(100%, rgba(29,157,221,1))); background: -webkit-linear-gradient(left, rgba(70,183,239,1) 0%, rgba(29,157,221,1) 100%); background: -o-linear-gradient(left, rgba(70,183,239,1) 0%, rgba(29,157,221,1) 100%); background: -ms-linear-gradient(left, rgba(70,183,239,1) 0%, rgba(29,157,221,1) 100%); background: linear-gradient(to right, rgba(70,183,239,1) 0%, rgba(29,157,221,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46b7ef', endColorstr='#1d9ddd', GradientType=1 );} .bottom-sec{background-color:#eeeeee;height:190px;padding:50px 0;} .procell-list-mid-4 .countNum-cell{border:0px;width:25%;float:left;} .procell-list-mid-4{padding-top:20px;clear:both;width:100%;} .procell-list-mid-4 a{float:left;margin-right:10px;} .procell-list-mid-4 .countext{font-size:14px;color:#666666;line-height:30px;} .procell-list-mid-4 .right-counts .gcount{font-size:20px;color:#040404;} .procell-list-mid-4 .right-counts{margin-top:8px; float: left;} .childCom { background:url(../images/wzq.gif) right center no-repeat; padding-right:20px;} .wzq_box {position: fixed; width: 25%; overflow: hidden; height: 100%; right: -100%; top: 0; background-color: #fff; z-index: 10001;} .wzq_box .title { padding: 0 40px; height: 90px; line-height: 90px; background: url(../images/global.png) 40px center no-repeat; text-indent: 40px; background-color: #46b7ef; font-size:24px; color:#fff; } .wzq_box .title a { color:#fff;} .wzq_box .title i { width: 56px; height: 56px; display: block; margin: 17px 0; background: url(../images/closeBtn.png) no-repeat; transition: all .2s linear; cursor: pointer; float:right; } .wzq_box ul { padding:15px 40px 0; max-height:calc(100vh - 90px); overflow-y:scroll;} .wzq_box ul li { background: url(../images/g01.png) right center no-repeat; border-bottom: 1px solid #dedeed; } .wzq_box ul li a { padding-right:20px; color:#333; display:block; line-height:35px;} .wzq_box .more01 { padding: 20px 40px; display: inline-block; color:#333333; } #screen { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000; display:none;} .searchBox { margin-top:6px; margin-right:10px; float:right; border:1px solid #ccc; border-radius:32px; height:32px; width:200px; position:relative; overflow:hidden;} .searchBox input { border:none; background:none; outline:none; width:100%; height:100%; box-sizing:border-box; text-indent:10px; padding:0;} .searchBox button { background:url(../images/searchbtn.png) center no-repeat; width:30px; height:100%; border:none; outline:none; position:absolute; right:0; top:0; background-size:80% auto;}