/* commom */

*,
::after,
::before {
    box-sizing: border-box
}

blockquote,
body,
dd,
div,
dl,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
li,
ol,
p,
pre,
textarea,
ul {
    margin: 0;
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}


/* pc */
    audio,
    canvas,
    progress,
    video {
        display: inline-block;
        vertical-align: baseline
    }
    b,
    strong {
        font-weight: bolder
    }
    li {
        list-style: none
    }
    a {
        cursor: pointer;
        text-decoration: none
    }
    i {
        font-style: normal
    }
    a:active,
    a:hover {
        outline: 0
    }
    a:hover {
        cursor: pointer
    }
    img {
        border: none
    }
    input {
        outline: none
    }
    input[type="button"] {
        cursor: pointer;
        outline: none
    }
    input[disabled] {
        cursor: not-allowed;
    }
    .clear {
        clear: both
    }
    .clear-fix::after {
        clear: both;
        overflow: hidden;
        content: '';
        display: block
    }
    a,
    i,
    label,
    span {
        display: inline-block
    }
    .left {
        float: left
    }
    .right {
        float: right
    }
    .ove {
        overflow: hidden
    }
    .dis-none {
        display: none
    }
    .dis-inline {
        display: inline-block
    }
    .container-main {
        width: 1200px;
        margin: 0 auto;
        min-width: 1200px
    }
    .rows::after {
        clear: both;
        overflow: hidden;
        content: '';
        display: block
    }
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-20,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9 {
        float: left
    }
    .col-12 {
        width: 100%
    }
    .col-11 {
        width: 91.66666667%
    }
    .col-10 {
        width: 83.33333333%
    }
    .col-9 {
        width: 75%
    }
    .col-8 {
        width: 66.66666667%
    }
    .col-7 {
        width: 58.33333333%
    }
    .col-6 {
        width: 50%
    }
    .col-5 {
        width: 41.66666667%
    }
    .col-4 {
        width: 33.33333333%
    }
    .col-3 {
        width: 25%
    }
    .col-2 {
        width: 16.66666667%
    }
    .col-1 {
        width: 8.33333333%
    }
    .col-20 {
        width: 20%
    }
    .s-12 {
        font-size: 12px
    }
    .s-14 {
        font-size: 14px
    }
    .s-16 {
        font-size: 16px
    }
    .s-18 {
        font-size: 18px
    }
    .s-20 {
        font-size: 20px
    }
    .s-34 {
        font-size: 34px
    }
    .s-r-new {
        font-size: 16px;
        line-height: 36px
    }
    .s-new {
        font-size: 14px;
        line-height: 35px
    }
    .s-headlines {
        font-size: 34px;
        line-height: 76px
    }
    .s-foot {
        font-size: 12px;
        line-height: 30px
    }
    .s-column-title {
        font-size: 18px;
        line-height: 43px
    }
    .c-data li,
    .c-list-title {
        font-size: 14px;
        line-height: 30px
    }
    .c-data-title {
        font-size: 22px;
        line-height: 60px
    }
    .c-data-document {
        font-size: 14px;
        line-height: 30px
    }
    a:visited,
    a:link,
    a:hover,
    a:active {
        color: inherit;
    }
    html,
    body {
        width: 100%;
    }
    .main-bg {
        position: fixed;
        left: 0;
        width: 100%;
        top: 0;
        height: 100%;
        z-index: -1;
    }
    * {
        box-sizing: border-box;
    }
    a:link {
        color: inherit;
    }
    a:visited,
    a:link,
    a:hover,
    a:active {
        color: inherit;
    }
    body {
        background: #fff url(bg.jpg) no-repeat center top;
        min-width: 1200px;
        height: 100%;
        position: relative;
        color: #3a3a3a;
        font-family: "微软雅黑", "Microsoft YaHei";
    }
    .bg {
        position: static;
        z-index: -1;
        width: 100%;
        top: 0;
        left: 0;
        /* bottom: 0; */
    }
    .containers {
        margin: 0 auto;
        width: 1200px;
    }

    .pos-re {
        position: relative;
        z-index: 1;
    }
    .pos-ab {
        position: absolute;
    }
    .ove {
        overflow: hidden;
    }
    .left {
        float: left;
    }
    .right {
        float: right;
    }
    .top {
        margin: 0 auto;
        height: 315px;
        position: static;
        width: 1200px;
    }
    .topBg {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        left: 0;
        z-index: -1;
    }
    .header {
        height: 44px;
        line-height: 44px;
        background: none;
    }
    .bigHui {
        display: block;
        position: absolute;
        top: 9px;
        width: 390px;
        height: 168px;
        left: 50%;
        margin-left: -195px;
        z-index: 1;
        background: url(bigHui.png) 0 0 no-repeat;
    }
    .top-h {
        height: 44px;
        font-size: 12px;
        color: #fff;
    }
    .top-l img {
        width: 17px;
        height: 19px;
        vertical-align: top;
        margin: 12.5px 5px 0;
    }
    .current-now {
        display: inline-block;
        margin-left: 20px;
    }
    .top-r {
        height: 44px;
        line-height: 44px;
        font-size: 12px;
        color: #fff;
    }
    .top-r a {
        margin: 0 5px;
        color: #fff;
    }
    .search-box {
        position: absolute;
        z-index: 1;
        width: 590px;
        height: 37px;
        top: 200px;
        left: 50%;
        margin-left: -295px;
        border: 1px solid #4681af;
        font-size: 0;
    }
    .search-inp {
        width: 548px;
        background: #fff;
        height: 35px;
        color: #999999;
        font-size: 14px;
        border: none;
        padding-left: 10px;
        vertical-align: top;
        float: left;
    }
    .search-btn {
        width: 40px;
        height: 35px;
        background: url(sbtn.png) 0 0 no-repeat;
        border: none;
        position: absolute;
        right: 0;
        top: 0;
    }
    .nav-box {
        position: absolute;
        height: 44px;
        line-height: 40px;
        border-bottom: 4px solid #4681af;
        top: 270px;
        left: 0;
        width: 100%;
    }
    .nav-list {
        font-size: 0;
        height: 40px;
        position: relative;
        left: 70px;
    }
    .nav-list li {
        width: 20%; 
        text-align: left;
        font-size: 20px;
        color: #4681af;
        height: 100%;
        vertical-align: top;
        display: inline-block;
        float: left;
    }
    .nav-list li img {
        width: 30px;
        height: 33px;
        margin-top: 3.5px;
        vertical-align: baseline;
    }
    .search-btn {
        background: url(sbtn.png);
    }
    .nav-box ul li a:hover {
        font-weight: bold;
    }
    .nav-box ul li span {
        display: none;
    }
    .nav-list li.hover {
        font-weight: bold;
    }
    .header {
        padding-top: 0px;
    }
    .nav-box ul li a {
        display: inline-block;
        text-align: center;
     	width: 97px; 
    }
    /*---------头部-------------*/
    .link-zyzfmh {
        height: 19px;
        line-height: 19px;
        display: inline-block;
        padding-left: 20px;
        background: url(smallhui.png) 0 0 no-repeat;
    }


/* mobile */

@media screen and (max-device-width: 767px) {
    body {
        font-size: .24rem;
        margin: 0 auto;
        color: #3a3a3a;
        font-family: "微软雅黑", "Microsoft YaHei";
        background: #fff;
        min-width: unset;
    }
    .top{
        position: relative;
        background: #fff url(m-top-bg.png) no-repeat center 0;
        background-size: 100%;
        width: 100%;
        height: 3rem;
    }
    .bigHui{
        position: absolute;
        left: 50%;
        top: .08rem;
        width: 3.44rem;
        height: 1.5rem;
        margin-left: -1.72rem;
        background: url(m-top-szf.png) 0 0 no-repeat;
        background-size: 100% 100%; 
    }
    .header{
        position: relative;
        /* height: 3.05rem; */
        background: #fff url(m-top-bg.png) no-repeat center 0;
        background-size: 100%;
    }
    .containers{
        width: auto;
    }
    .containers.top-h{    
        height: .37rem;
        font-size: .18rem;
        color: #fff;
        line-height: .37rem;
        padding: 0 .3rem;
        background: url(m-top-tools.png) repeat-x;
        background-size: auto 100%;
    }
    .current-now{
        display: none;
    }
    .top-r{
        display: none;
    }
    .link-zyzfmh{
        height: .37rem;
        font-size: .18rem;
        color: #fff;
        line-height: .37rem;
        padding: 0 .35rem;
        background: url(smallhui.png) 0 .02rem no-repeat;
        background-size: .30rem 0.32rem;
    }
    .search-box{
        width: 5.37rem;
        height: 0.48rem;
        margin-left: -2.68rem;
        top: 1.7rem;
        border:none;
    }
    .search-inp{
        width: 4.83rem;
        height: 100%;
        font-size: .19rem;
        color: rgb(160,156,151);
        border: 0;
        padding: 0 .09rem;
        background: url(m-search-ipt.png) no-repeat;
        background-size: 100% 100%;
        float: left;
    }
    .search-btn{
        width: .54rem;
        height: 100%;
        background: url(m-search-btn.png) no-repeat;
        background-size: 100% 100%;
        border: 0;
    }
    .nav-box{
        padding: .25rem .65rem .2rem;
        border-bottom: .04rem solid rgb(70, 129, 175);
        top: 2.18rem;
        height: auto;
        line-height: unset;
    }
    .nav-list{
        height: 100%;
        left: 0;
        justify-content: space-between;
        align-items: center;
        display: -webkit-flex;
        flex-wrap: wrap;
    }
    .nav-list li{
         width: auto; 
        font-size: .26rem;
    }
    .nav-box ul li a,.nav-box ul li span{
         width: auto; 
    }
    
  	.list-circle-red .list-item .item-title {
    	display: inline;
  	}
}