﻿@charset "UTF-8";

/* global css */
body{font-family:"Microsoft Yahei"; background:url("../images/index2022/bg.jpg") no-repeat top center; background-size:100% auto; background-color:#FBFBFD !important;}
.wd1200{width:1200px; margin:0 auto;}
.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* header */
.header, .banner{height:100px !important; line-height:100px; color:#225085; background:none !important;}
.header .title, .banner .title{font-size:29px; font-weight:800;}
.header .prev, .banner .prev{position:relative; float:left; margin-right:15px; margin-top:20px; padding-right:15px; font-size:30px; line-height:1;}
.header .prev:before, .banner .prev:before{content:""; position:absolute; right:0; top:35%; width:1px; height:26px; margin-top:-10px; background:#225085;}
.header .prev img, .banner .prev img{width:240px;}
.header .prev .p1, .banner .prev .p1{font-size:36px; letter-spacing:7px;}
.header .prev .p2, .banner .prev .p2{font-size:14px; letter-spacing:-1px;}
.header .loginBtn, .banner .loginBtn, .header .rightBtn, .banner .rightBtn{padding:6px 30px; margin:30px 0 0 40px; border-radius:20px; background:linear-gradient(to bottom, #FFF, #f4f1f1); color:#1C5681; font-size:15px; font-weight:700;}

/* menu */
.menuBar{height:50px; line-height:50px; background:#1C5681;}
.menuBar .ico_menu{display:inline-block; width:20px; height:20px; vertical-align:text-bottom; margin-right:5px; background:url('../images/index2022/icon_menu.png') no-repeat; background-size:600% 200%;}
.menuBar .ico_menu.ico-1{background-position:0 0;}
.menuBar .ico_menu.ico-2{background-position:20% 0;}
.menuBar .ico_menu.ico-3{background-position:40% 0;}
.menuBar .ico_menu.ico-4{background-position:60% 0;}
.menuBar .ico_menu.ico-5{background-position:80% 0;}
.menuBar .ico_menu.ico-6{background-position:100% 0;}
.menuBar .nav li a:hover .ico_menu,
.menuBar .nav li.active .ico_menu{background-position-y:100%;}
.menuBar .nav li{float:left; width:calc(100% / 6);}
.menuBar .nav li a{position:relative; display:inline-block; padding:0 30px; color:#FFF; font-size:16px; font-weight:600;}
.menuBar .nav li a:hover,
.menuBar .nav li.active a{color:#1C5681; background:#FFF;}

.menuBar .nav li a,
.menuBar .nav li a *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}

/* 子菜单 */
.tab_subMenu{position:absolute; width:250px; background:#FFF; border:1px solid #DEDEDE; box-shadow:0 0 10px #999;}
.tab_subMenu .item{padding:10px 15px; border-bottom:1px solid #DDD; cursor:pointer;}

/* 登录 */
.loginBox{padding:10px 20px;}
.loginBox .form-login{padding:20px 0 0;}
.loginBox .form-login .form-group{margin-bottom:22px;}
.loginBox .input-group{width:100%; border:1px solid #DDDDDD; background:#FFF;}
.loginBox .input-group-addon, .loginBox .form-control{border:none; background:none;}
.loginBox .input-group-addon{width:35px !important;}
.loginBox .btn-sendCode{height:38px; border-radius:0; background:#4A83C4;}
.loginBox .input-group .form-control{padding-left:5px; color:#333; font-size:15px; height:38px; border-radius:0; box-shadow:none;}
.loginBox .input-group .form-control:focus{outline:0; border:none; box-shadow:none;}
.loginBox .verifyCode .vcode{height:40px; background:#FFF;}
.loginBox .login_btn{margin:30px 0 0;}
.loginBox .login_btn .btn{height:36px; min-width:90px; background:#4A83C4; border:none; border-radius:4px;}
.loginBox .login_btn .btn-login{background:#355E92;}

.loginBox .ico-login{display:inline-block; width:22px; height:22px; background:url('../images/new_icon_login.png') no-repeat; vertical-align:middle;}
.loginBox .ico-login.ico-1{background-position:0 0;}
.loginBox .ico-login.ico-2{background-position:-22px 0;}
.loginBox .ico-login.ico-3{background-position:-44px 0;}
.loginBox .ico-login2{display:inline-block; width:21px; height:21px; background:url('../images/icon_login.png') no-repeat; vertical-align:middle;}
.loginBox .ico-login2.ico-1{background-position:0 0;}
.loginBox .ico-login2.ico-2{background-position:-21px 0;}

.newLoginBox{padding:20px 15px;}
.newLoginBox .newLoginBox_head{border-bottom:1px solid #F2F2F2;}
.newLoginBox .newLoginBox_head .text{display:inline-block; padding:0 6px 6px; border-bottom:2px solid #0659E2; color:#0659E2; font-size:18px;}
.newLoginBox .newLoginBox_body{padding-top:50px;}
.newLoginBox .newLoginBox_body > div:first-child{border-right:1px solid #DDD;}
.newLoginBox .newLoginBox_body a{display:inline-block;}
.newLoginBox .newLoginBox_body a:hover{opacity:.8; filter:alpha(opacity=80);}
.newLoginBox .newLoginBox_body .text{display:inline-block; padding-top:10px; font-size:16px;}
.newLoginBox .newLoginBox_body .icon_user{display:inline-block; width:120px; height:120px; background:url('../images/icon_usertype.png') no-repeat; background-size:200% 100%; vertical-align:middle;}
.newLoginBox .newLoginBox_body .icon_user.ico-1{background-position:0 0;}
.newLoginBox .newLoginBox_body .icon_user.ico-2{background-position:100% 0;}

/* main */
.mainContent{margin:15px auto;}
.mainContent .mainBlock{padding:25px; min-height:400px; background:#FFF;}
.mainContent .mainBlock.mainBlock--autoHeight{min-height:auto;}
.mainContent .mainBlock .mainBlock-head{border-bottom:1px solid #F2F2F2;}
.mainContent .mainBlock .mainBlock-head .text{display:inline-block; padding-bottom:10px; border-bottom:3px solid #1C5681; font-size:22px; font-weight:700;}
.mainContent .mainBlock .mainBlock-head .nav.nav-tabs>li{margin-right:30px;}
.mainContent .mainBlock .mainBlock-head .nav.nav-tabs>li>a{color:#333; font-size:22px; padding:0 0 10px 0; border:none; border-bottom:3px solid transparent;}
.mainContent .mainBlock .mainBlock-head .nav.nav-tabs>li>a:hover{background:none; border-color:transparent;}
.mainContent .mainBlock .mainBlock-head .nav.nav-tabs>li.active>a,
.mainContent .mainBlock .mainBlock-head .nav.nav-tabs>li.active>a:focus,
.mainContent .mainBlock .mainBlock-head .nav.nav-tabs>li.active>a:hover{background:none; border:none; border-bottom:3px solid #1C5681;  font-weight:700;}
.mainContent .mainBlock .mainBlock-body{position:relative; overflow:auto;}

/* 票据查验 */
.mainContent .pjcyForm{width:50%; margin:30px auto 0; color:#777;}
.mainContent .pjcyForm .form-group{margin-bottom:30px; font-size:15px;}
.mainContent .pjcyForm .form-group.btnLine .btn{width:45%; height:40px; font-size:15px;}
.mainContent .pjcyForm .form-group.btnLine .btn-primary{background-color:#365F8F; border-color:#365F8F;}
.mainContent .pjcyForm .form-group.getHelpLine .icon_hand{display:inline-block; width:32px; height:23px; margin-right:20px; background:url('../images/index2022/icon_hand.png') no-repeat; vertical-align:middle;}
.mainContent .pjcyForm .form-group.getHelpLine .text{color:#568aa4; font-size:16px; letter-spacing:2px; vertical-align: middle;}
.mainContent .pjcyForm .form-group.linksLine{color:#1C5681;}
.mainContent .pjcyForm .form-group.linksLine a{display:inline-block; line-height:1.5; color:#1C5681; cursor:pointer;}
.mainContent .pjcyForm .form-group.linksLine .col-xs-9{padding-top:5px; font-size:14px;}
.mainContent .pjcyForm .form-group .col-xs-3{width:20%;}

/* 通知公告 */
.noticeList{padding:10px 10px 0 !important;}
.noticeList li{height:43px; line-height:43px; padding:0 5px; border-bottom:1px dashed #CCC;}
.noticeList .file_name{float:left; max-width:80%; padding-left:17px; background:url('../images/li-dot.jpg') no-repeat left center; color:#333; font-size:15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.noticeList .file_date{float:right; color:#AAAAAA;}
.noticeList .file_down{float:left; margin-left:10px;}
.paginationLine{padding:10px;}
.paginationLine .pagination>li>a{padding:3px 12px;}

/* 表格公告 */
.tableNotice{}
.tableNotice .bootstrap-table{border:none; padding:0; margin-top:20px; background:none;}
.tableNotice .bootstrap-table .fixed-table-container{border:none; border-top:1px solid #DDDDDD;}
.tableNotice .bootstrap-table .fixed-table-container .fixed-table-header .table thead>tr>th{background:#F8F8F8; border:none;}
.tableNotice .fixed-table-container .fixed-table-header,
.tableNotice .fixed-table-container .fixed-table-body{background:#F8F8F8;}
.tableNotice .fixed-table-container thead th .th-inner,
.tableNotice .fixed-table-container tbody td .th-inner{font-size:15px; color:#787878;}
.tableNotice .fixed-table-container thead th .th-inner{font-weight:800; color:#333333;}
.tableNotice .bootstrap-table .table > tbody > tr > td{color:#787878; font-size:14px !important; padding:12px 10px !important; vertical-align:middle; border-left:none; border-bottom-color:#F1F1F1;}
.tableNotice .bootstrap-table .fixed-table-container .fixed-table-pagination{height:45px; line-height:40px; background:none !important;}
.tableNotice .bootstrap-table .fixed-table-header .table{border:none;}
.tableNotice .fixed-table-pagination div.pagination{float:right !important; padding-top:8px;}
.tableNotice .pagination>.active>a{background:#015393 !important; border-color:#015393 !important;}
.tableNotice .pagination .jumpto input{float:left; height:25px; line-height:25px;}
.tableNotice .pagination .jumpto .btn{float:left; padding:2px 12px;}

/* 业务办理 */
.licenceBox{}
.licenceBox .licence-btn{width:30%;}
.licenceBox .licence-btn .item{display:block; margin-top:20px; padding:40px 0; text-align:center; color:#333; background:#F6F7F9; font-size:18px; font-weight:700;}
.licenceBox .licence-btn .item:first-child{margin-top:0;}
.licenceBox .licence-btn .item:hover{text-decoration:none; color:#FFF; background:#4983C3;}
.licenceBox .licence-btn .item .ico_refund{display:inline-block; width:40px; height:40px; vertical-align:middle; margin-right:35px; background:url('../images/icon_refund.png') no-repeat; background-size:300% 200%;}
.licenceBox .licence-btn .item .ico_refund.ico-1{background-position:0 0;}
.licenceBox .licence-btn .item .ico_refund.ico-2{background-position: center 0;}
.licenceBox .licence-btn .item .ico_refund.ico-3{background-position:100% 0;}
.licenceBox .licence-btn .item:hover .ico_refund.ico-1{background-position:0 100%;}
.licenceBox .licence-btn .item:hover .ico_refund.ico-2{background-position: center 100%;}
.licenceBox .licence-btn .item:hover .ico_refund.ico-3{background-position: 100% 100%;}

.licenceBox .licence-btn .item,
.licenceBox .licence-btn .item *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}

.licenceBox .licence-search{width:66%; padding-top:10px;}
.licenceBox .licence-search .licence-search-head{font-size:26px; font-weight:700;}
.licenceBox .licence-search .licence-search-body{height:100px; line-height:100px; overflow:hidden;}
.licenceBox .licence-search .licence-search-body label{font-size:18px; font-weight:400;}
.licenceBox .licence-search .licence-search-body .form-control{display:inline-block;}
.licenceBox .licence-search .licence-search-body .btn{width:75px; height:75px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; border:10px solid #C7DCF2; outline:10px solid #EAF3FB; background:#4EA5DD; background:linear-gradient(to right, #4EA5DD, #3B88C9); border-radius:50%;}
.licenceBox .licence-search .licence-search-body .btn:hover{border-color:#A4CAF2; outline-color:#E1ECF5; background:linear-gradient(to right, #3B88C9, #1176cc);}

.deviceQuery .d_title .text{font-size:26px; font-weight:700;}

/* 政务事项 */
.zwsxList{padding-bottom:10px;}
.zwsxList .item{margin-top:10px;}
.zwsxList .item a{display:inline-block; padding:10px 20px 10px 40px; border-radius:6px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; background:url(../images/li-dot.jpg) no-repeat 20px center; font-size:16px; color:#666;}
.zwsxList .item a:hover{box-shadow:5px 5px 10px #CCC; color:#185583; text-decoration:none;}

/* footer */
.footer1{padding:15px 0; line-height:30px; background:#F1F2F4; color:#333333;}
.footer1 .qrcodeText{margin-left:20px; font-size:15px;}
.footer1 .qrcodeText b{font-size:17px;}
.footer1 .call-part .call-icon{height:34px; line-height:30px; padding-left:40px; font-size:16px; background:url('../images/new_icon_phone.png') no-repeat left center;}
.footer1 .call-part .call-num{font-size:30px;}
.footer1 p{margin-bottom:0;}

/* 固定底部 */
.fixedFooter{position:absolute; bottom:0; left:0; width:100%;}
