@charset "UTF-8";
/*****************************************************************************************/
/*Html Reset*/
 html {
     color: #000;
     background: #FFF;
}
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
     margin: 0;
     padding: 0;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 fieldset, img {
     border: 0;
}
 address, caption, cite, code, dfn, em, strong, th, var {
     font-style: normal;
     font-weight: normal;
}
 ol, ul {
     list-style: none;
}
 caption, th {
     text-align: left;
}
 h1, h2, h3, h4, h5, h6 {
     font-size: 100%;
     font-weight: normal;
}
 abbr, acronym {
     border: 0;
}
 img {
     margin: 0;
     display: block;
}
 a, button, input, optgroup, select, textarea {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     outline: none;
    /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
     border: 0 
}
 input[type=”button”], input[type=”submit”], input[type=”reset”] {
     -webkit-appearance: none;
    /*去掉苹果默认样式*/
}
/*offcn-useless*/
 .layout {
     width: 13.75rem;
     margin: 0 auto;
     position: relative;
}
 .fl {
     float: left;
}
 .fr {
     float: right;
}
/*ClearFix*/
 .clearfix {
     clear: both;
     width: 0rem;
     height: 0rem;
}
/*<a></a>*/
 a {
     text-decoration: none;
     cursor: pointer;
}
/*Body min-width*/
 body {
     font-family: 'Arial', "微软雅黑", 'Microsoft YaHei';
}
 .red-text {
     color: #E60012;
}
 .blue-text {
     color: #00aaff;
}
 .fr {
     float: right;
}
 .fl {
     float: left;
}
 .height {
     height: 0.375rem;
}
 .height0 {
     height: 0.75rem;
}
 .disBlock {
     display: block;
}
 .disInline {
     display: inline;
}
 .disNone {
     display: none;
}
 .clearfix {
     zoom: 1;
}
 .clearfix:after {
     clear: both;
     content: "";
     display: block;
}
/*****************************************************************************************/
/*Header Of Offcn*/
 .headerbar {
     background: #ffffff;
     width: 100%;
     height: 0.875rem;
     position: relative;
}
 .downloadeBtn{
     width: 100%;
     height: 7.5rem;
     background: #000;
     opacity: 0;
     position: absolute;
     top: 5rem;
     cursor: pointer;
}
 .header {
     width: 100%;
     height: 0.875rem;
     margin: 0 auto;
}
 .header .offcn_logo {
     padding-top: 0.1rem;
     float: left;
}
.header .offcn_logo img{width: 60%; padding-left: 0.02rem;}
 .header .header_nav {
     float: left;
     padding-left: 0.25rem;
     padding-top: 0.0625rem;
	 display: none;
}
 .header .header_nav li {
     float: left;
     line-height: 0.875rem;
     width: 1.125rem;
     text-align: center;
     font-size: 0.2rem;
}
 .header .header_nav li a {
     color: #323232;
}
 .header .header_nav li:hover a {
     color: #e60012;
     font-size: 0.2125rem;
}
 .header .offcn_gz_tel {
     float: right;
     line-height: 0.875rem;
     padding-top: 0.05rem;
     font-size: 0.225rem;
     font-family: 'Arial', 'Microsoft Yahei';
}
/*Banner*/
 .banner {
     background: url(../images/bg.jpg) no-repeat center;
     height:20rem;
     width: 100%;
     margin: 0 auto;
}
 .bannerbox {
     width: 100%;
     height: 8.25rem;
     margin: 0 auto;
     position: relative;
     background: url(../images/banner-box.jpg) no-repeat center;
}
 .banner-tit {
	background: url(../images/zi.png)no-repeat center;
    width: 6.5rem;
    height: 3.05rem;
    margin: 0 auto;
    z-index: 1;
    font-size: 0.45rem;
    color: #fff;
    font-weight: 400;
    position: relative;
    top: 0.5rem;
    background-size: 100%;

}
 .kuang{
     background: #fff;
     width: 93%;
     height:auto;
     margin: 0 auto;
     border-radius: 0.5rem;
     margin-top:0.5rem;
     padding: 0.1875rem;
}
 .table{
     width:100%;
     margin:0rem auto;
}
 .table th{
     text-align: center;
     line-height:0.5rem;
     font-size:0.2rem;
     color:#403c5b;
     background:#cad7ff;
     border-left:0.0125rem solid #fff;
     border-top-left-radius: 0.1875rem;
     border-top-right-radius: 0.1875rem;
}
 .table td{
     border:1px solid #e1e8ff;
     border-width:0.0125rem 0rem 0 0.0125rem;
     text-align:center;
     font-size:0.1875rem;
     line-height:0.3125rem;
     color:#1e1c1e;
     padding:0.125rem 0.0625rem;
     background:#eef2ff;
}
 .table td:first-child,.table th:first-child{
     border-left:none;
}
 .table td a{
}
 .table td a:hover{
     color:#f00;
     text-decoration:underline;
}
 .table .td1{
     width:20%;
}
 .table .td2{
     width:20%;
}
 .table .td1 a{
     background: #bd1004;
     color: #fff;
     padding: 0.0625rem;
     border-radius: 0.4375rem;
}
 .searchnum{
     text-align:center;
     line-height:0.35rem;
     font-size:0.2rem;
}
 .searchnum em{
     font-weight:bold;
     color:#e53438;
}
 .bottom {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 0.25rem;
}
 .pagination{
     display: flex;
}
 .pagination a,.pagination span{
     display: inline-block;
     padding: 0 0.1125rem;
     margin: 0rem 0.1125rem;
     border: solid 1px #e2e2e2;
     font-size: 0.2rem;
     color: #333;
     line-height: 0.325rem;
     margin-right: 0.0625rem;
     text-decoration: none;
}
 .pagination p a{
     cursor: pointer;
}
 .pagination .active a {
     border: solid 1px #e53438;
     background: #e53438;
     color: #fff;
}
 .pagination span.slh{
     display: none;
}
 .kuang .table{
     background: #ffffff;
     border-radius:0.4375rem;
     padding-top:0.5rem;
     padding-bottom: 0.25rem;
}
 .kuang .table p{
     width: 100%;
     text-align: center;
}
 .kuang .table table{
     width:11.25rem;
     height: 5rem;
     margin: 0 auto;
     text-align: center;
     background: #e4f2ff;
     border: 1px solid #FFFFFF;
     border-radius: 0.25rem;
}
 .kuang .table table .th{
     background: #1566cb;
     color: #fff;
     height:0.375rem;
}
/* .kuang .table table tr td{
     color: #333333;
}
 */
 .kuang .table table tr:nth-child(1) td{
     font-size: 0.35rem;
     line-height: 0.875rem;
}
 .kuang .table table tr td{
     font-size: 0.225rem;
     border: 1px solid #999;
     padding: 0.125rem;
}
 .kuang .table table tr:nth-child(7) td{
     font-size: 0.3rem;
     line-height: 0.65rem;
}
 .kuang .table table tr:nth-child(8) td{
     font-size: 0.3rem;
     line-height: 0.65rem;
}
 .kuang .table table tr td a{
     background-image:-webkit-linear-gradient(#fcb643,#fca61a);
     color: #fff;
     padding: 0.025rem 0.125rem;
     border-radius: 0.4375rem;
}
 .banner-zhuti {
     position: absolute;
     left: 0.55rem;
     top: 2.1rem;
     z-index: 1;
     font-size: 2.375rem;
     font-family: "HZGB";
     color: #fff;
     text-shadow: 0 0.125rem 0.125rem #2d66cf;
}
 .banner-bottom {
     width: 9.5rem;
     height: 0.925rem;
     position: absolute;
     left: 0.65rem;
     top: 5.25rem;
     z-index: 1;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
}
 .banner-bottom li {
     width: 2.9rem;
     height: 0.75rem;
     background: #3169ef;
     border-radius: 0.75rem;
     border: 2px solid #fff;
     line-height: 0.75rem;
     text-align: center;
     font-size: 0.3rem;
     color: #ffe4b5;
     font-family: "LTDH";
     margin-top: 0.125rem;
     letter-spacing: 0.0125rem;
     cursor: pointer;
}
/*main1*/
 
/*注册组件*/
.zg_cover{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background:rgba(0,0,0,0.6);
    z-index:9998;
}
.zg_direction{
    width:11.25rem;
    background:#fff;
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-5.625rem;
    margin-top:-2.5rem;
    padding:0.25rem;
    border-radius:0.25rem;
    z-index:9999;
}
.zg_direction h6{
    text-align:center;
    line-height:0.375rem;
    font-size:0.325rem;
    color:#ec414d;
}
.direction_list{
    padding-top:0.25rem;
}
.direction_list li{
    line-height:0.4rem;
    font-size:0.2rem;
    margin-bottom:0.0625rem;
}
.direction_list li a{
    font-weight:bold;
    color:#ec414d;
}
.direction_close{
    width:0.375rem;
    height:0.375rem;
    background:url(../images/close.png) no-repeat center center;
    cursor:pointer;
    position:absolute;
    right:0.0625rem;
    top:0.0625rem;
}
.container{
    width:5.4875rem;
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-2.7375rem;
    margin-top:-2.275rem;
    z-index:9999;
    padding:0.075rem 0 0.2rem;
    background:#fff;
    border-radius:0.125rem;
}
.bd_close{
    width:0.375rem;
    height:0.375rem;
    background:url(../images/close.png) no-repeat center center;
    cursor:pointer;
    position:absolute;
    right:0.025rem;
    top:0.025rem;
}
.bd_nav{
    height:0.75rem;
    border-bottom:0.0125rem solid #ec414d;
    padding:0 53.0.0625rem;
}
.bd_nav span{
    width:2rem;
    display:block;
    margin:0 0.3125rem;
    line-height:0.75rem;
    font-size:0.4rem;
    color:#c6c6c6;
    float:left;
    text-align:center;
    cursor:pointer;
}
.bd_nav span.active{
    border-bottom:0.025rem solid #ec414d;
    position:relative;
    top:-0.0125rem;
    color:#ec414d;
}
.container .agileits{
    width:3.8125rem;
    margin:0 auto;
    padding-top:0.375rem;
    display:none;
}
.container .agileits .bd_line_wrap{
    width:4rem;
    height:0.8rem;
    background:url(../images/input_bk.png) no-repeat center center;
    margin-bottom:0.1875rem;
    background-size: 100%;
}
.container .agileits .bd_line_wrap input{
    width:3.6625rem;
    padding-left:0.125rem;
    line-height:0.8rem;
    font-size:0.25rem;
    color:#999999;
    height:0.8rem;
    border:none;
    background:none;
    outline:none;
}
.container .agileits .bd_line_wrap select{
    width:3.6625rem;
    padding-left:0.125rem;
    line-height:0.8rem;
    font-size:0.25rem;
    color:#999999;
    height:0.8rem;
    border:none;
    background:none;
    outline:none;
}
.yzm_wrap{
    width:100%;
    position:relative;
}
.yzm_wrap .yzm_btn,#daojishi{
    width:1.5rem;
    height:0.8rem;
    color:#999999;
    position:absolute;
    right:0.125rem;
    top:0rem;
    text-align:center;
    line-height:0.8rem;
    font-size:0.2375rem;
    transition:all 1s;
}
.yzm_wrap #daojishi{
    display:none;
    font-size:0.25rem;
}
.container .agileits .bd_line_wrap.send_button{
    background:none;
}
.container .agileits .bd_line_wrap.send_button input.submintBtn{
    width:4rem;
    height:0.8rem;
    background:#ec414d;
    color:#fff;
    text-align:center;
    border-radius:0.5rem;
    cursor:pointer;
    font-size: 0.32rem;
}

/* s4 */
 .popup {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     overflow-y: auto;
     z-index: 10;
}
 .s4 {
     width:5.25rem;
     height:4.75rem;
     background-image:-webkit-linear-gradient(#FFFFFF,#daecfd);
     box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.3);
     box-shadow: 0 0 0.1rem rgb(0, 0, 0, 0.3);
     border-radius: 1rem;
     position: relative;
     top: 30%;
     margin:0 auto;
}
 .close {
     position: absolute;
     right:-0.575rem;
     top: -0.45rem;
     width:0.425rem;
     height:0.425rem;
     transition: 0.5s;
     cursor: pointer;
}
 .close:hover {
     transform: rotate(180deg);
}
 .s4 .topQh {
     text-align: center;
     font-size:0.4rem;
     position: relative;
     top:0.25rem;
}
 .s4 .topQh span {
     font-weight: bold;
     cursor: pointer;
}
 .s4 .topQh span.check {
     color: #1267c3;
}
 .form {
     width: 4.5rem;
     top:6.25rem;
     margin: 0 auto;
     display: none;
     overflow: hidden;
     position: relative;
     top:0.75rem;
}
 .form>input {
     width:4.5rem;
     height:0.5rem;
     background: #EEEEEE;
     border: 0;
     outline: 0;
     border-radius: 0.025rem;
     box-sizing: border-box;
     font-size: 0.25rem;
     display: block;
     margin: 0 auto 0.25rem;
}
 .form p input {
     background: #EEEEEE;
     border: 0;
     outline: 0;
     border-radius: 0.025rem;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     float: left;
     width:4.5rem;
     height:0.5rem;
     font-size: 0.25rem;
     box-sizing: border-box;
     position: relative;
     margin: 0 auto 0.25rem;
}
 .form p span {
     border-top-right-radius: 0.025rem;
     border-bottom-right-radius: 0.025rem;
     width:2.5rem;
     height:0.5rem;
     display: block;
     color: #333;
     text-align: center;
     font-size: 0.25rem;
     position: relative;
     top: -0.6625rem;
     left: 2.625rem;
}
 .form p select {
     width:4.5rem;
     height:0.5rem;
     border: 0;
     outline: 0;
     border-radius: 0.1rem;
     float: left;
     padding-left: 0.18rem;
     font-size: 0.25rem;
     box-sizing: border-box;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     background: url(../images/select.png) no-repeat center right 0.125rem #EEEEEE;
     background-size:0.25rem;
     margin: 0 auto 0.25rem;
}
 .form p select:nth-child(2) {
     float: right;
}
 .form input[type="button"] {
     width:4.5rem;
     height:0.625rem;
     background-image: -webkit-linear-gradient(#198cf4,#2788df);
     color: #fff;
     display: block;
     border-radius: 0.5rem;
     font-size: 0.25rem;
     font-weight: bold;
     letter-spacing: 0.0.1rem;
     padding: 0;
     appearance: none;
     -webkit-appearance: none;
     position: relative;
     cursor: pointer;
}
 .form .yzmbtn{
     display: inline-block;
     width: 1.9rem;
     height: 0.5rem;
     position: absolute;
     top: 0.725rem;
     right: 0rem;
     line-height: 0.475rem;
     text-align: center;
     font-size: 0.2rem;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     border: none;
     background: #f95851;
     color: #fff;
     cursor: pointer;
}
 .form .yzmbtn:disabled{
     background:#ff8a8a;
     color:#666;
}
.offcn_footer {
	width: 100%;
	border-top: 1px solid #ddd;
	padding: 24px 0;
	background: #f8f8f8;
	text-align: center;
	font: 12px/24px '宋体';
	color: #666666;
	display: block;
}
