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

    html {

        font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
        line-height: 1.484;
        /* font-size: 12px; */
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        -ms-overflow-style: scrollbar;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    body {
        margin: 0;
        padding: 0;
        font-size: 14px;
        overflow: -Scroll;
        overflow-x: hidden;
    }

    a {
        color: inherit;
        text-decoration: none
    }

    img {
        vertical-align: bottom;
    }

    dd,
    dl,
    dt,
    li,
    ol,
    ul {
        margin: 0;
        padding: 0
    }

    h1,
    h2,
    h3,
    h4,
    p {
        margin: 0;
    }

    ul {
        list-style: none
    }

    .clearfix:after,
    .clearfix:before,
    .container:after,
    .container:before,
    .row:after,
    .row:before {
        display: table;
        content: " "
    }

    .clearfix:after,
    .container:after,
    .row:after {
        clear: both
    }

    .container {
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
        position: relative
    }

    .pull-left {
        float: left !important;
    }

    .pull-right {
        float: right !important;
    }

    .col2 {
        float: left;
        width: 50%;
    }

    .col3 {
        float: left;
        width: 33.33%;
    }

    .col4 {
        float: left;
        width: 25%;
    }

    .col5 {
        float: left;
        width: 20%;
    }

    /* 基础结束*/
    .topbar{
        background:url(../images/topbar_bg.jpg) no-repeat center;
        color: #ffffff;
        font-size: 14px;
        line-height: 2;
    }
    .logo{
        display: inline-block;
    }
    .nav{
        display: inline-block;
        float: right;
        width: 69%;
        margin-top: 0.5%;
    }
    .navbar{
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .nav li{
        width: 15%;
        display: inline-block; 
        text-align: center;  
        font-size: 16px; 
    }
    .nav li a{
        display: block;
    }
    .nav li a:hover{
        background: #3959a9;
        color: #fff;
        border-radius: 15px;
    }
    .active{
        background: #3959a9;
        color: #fff;
        border-radius: 15px;

    }
    .about-title{
        background-image: linear-gradient(#0346a8, #001c71);
        width: 10%;
        display: inline-block;
        line-height: 4;
        padding-left: 1%;
        height: 137px;
        position: absolute;
        top: -50px;
        z-index: 5;
    }
    .about-t1{
        color: #456db5;
        font-size: 20px;
    }
    .about-t2{
        color: #fff;
        font-size: 16px;
    }
    .about-main{
        margin-top: 9%;
    }
    .about-img{
        display: inline-block;
    }
    .about-txt{
        float: right;
        width: 55%;
        display: inline-block;
    }
    .about-txt-title{
        font-size: 26px;
        color: #0341a2;
        font-weight: 600;
        margin: 1%;
        margin-top: 6%;
    }
    .about-txt-title2{
        font-size: 16px;
        color: #bababa;
        margin: 1%;
    }
    .about-txt-title3{
        background: #f8a928;
        color: #000;
        padding: 1% 2%;
        font-size: 16px;
        display: inline-block;
        position: relative;
        left: -73px;
        margin: 1%;
    }
    .about-txt-title4{
        padding: 2%;
        line-height: 2;
        width: 85%;   
    }
    .about-txt-title5{
        color: #ff0000;
        margin: 5%;
        text-align: right;
        width: 80%;
        font-size: 16px;
    }
    .index-product{
        background: url(../images/product_bg.jpg)no-repeat center;
        height: 590px;
        margin-top: 2%;
    }
    .product-main{
        background: #f6faff;
        border-top: 1px solid #e3e1e2;
        width: 78%;
        margin-top: 5%;
        display: inline-block;
    }
    .product-main .col3{
        width: 31%;
        margin: 1%;
        line-height: 2;
    }
    .product-main .col3 span{
        float: right;
        background: #0446a7;
        color: #fff;
        padding: 0.5%;

    }
    .product-main .col3 img{
        width: 100%;
    }
    .product-right-nav{
        width: 22%;
        float: right;
        display: inline-block;
        margin-top: 5%;
        background: #333a44;
        height: 484px;
    }
    .product-right-nav .tyh:nth-child(odd){
        background:#333a44;
        font-size: 22px;
        color: #fff;
    }
    .product-right-nav .tyh:nth-child(even){
        background:#444b56;
        font-size: 22px;
        color: #fff;
    }
    .tyh{
        line-height: 3;
        padding: 2%;
    }
    .product-right-nav .tyh:hover{
        background-color: #f8a928;
        color: #000;
        width: 105%;
    }
    .tyh:hover.tyh i{
        color: #0346a8;
    }
    .tyh img{
        display: none;
    }
    .tyh:hover.tyh img{
        display: block;
        width: 31%;
        float: right;
        border: 1px solid #fff;
    }
    .video-title1{
        text-align: center;
        font-size: 40px;
        color: #000;
    }
    .video-title2{
        text-align: center;
        font-size: 30px;
        color: #0346a8;
    }
    .video-main{
        display: inline-block;
    }
    .video-main .col3{
        width: 31%;
        margin: 1%;  
        text-align: center;   
        line-height: 3;   
    }
    .video-main .col3 img{
        width: 98%;
        padding: 1%;
        border: 2px solid #777777;
    }
    .video-main .col3 span{
        background-image: linear-gradient(#0346a8, #001c71);
        font-size: 18px;
        color: #fff;
        border-radius: 15px;
        padding: 2%;
    }
    .video-main .col3 img:hover{
        border: 2px solid #0346a8;
    }
    .djlj{
        text-align: center;
        margin-top: 3%;
    }
    .djlj span{
        background:url(../images/next.jpg) no-repeat center;
        padding: 8%;
        font-size: 21px;
    }
    .index-news{
        margin-top: 5%;
    }
    .news_left_img{
        display: inline-block;
    }
    .news_right_main{
        width: 66%;
        display: inline-block;
        float: right;
    }
    .news_right_main li{
        margin-top: 2%;
        margin-bottom: 3%;
    }
    .left-date{
        width: 20%;
        display: inline-block;
        text-align: center;
        font-size: 26px;
        line-height: 1.2;
    }
    .left-date span{
        font-size: 16px;
        border-top: 1px solid #c4c4c4;
    }
    .right-txt{
        width: 79%;
        display: inline-block;
        float: right;
    }
    .right-txt h3{
        font-size: 18px;
    }
    .right-txt p{
        line-height: 2;
    }
    .index-news-img{
        text-align: right;
        position: relative;
        top: -21px;
    }
    .footer{
        background:url(../images/footer_bg.jpg) no-repeat center;
        height: 299px;   
    }
    .f1{
        margin-top: 9%;
        font-size: 18px;
        color: #fff;
        line-height: 2;
        width: 20%;
        display: inline-block;
    }
    .f2{
        width: 60%;
        display: inline-block;

    }
    .f2-t1{
        color: #f8a928;
        font-size: 24px;
        font-weight: 650;
    }
    .f2-main li{
        width: 10%;
        margin: 2%;
        color: #fff;
        font-size: 16px;
        display: inline-block;
    }
    .f3{
        width: 19%;
        display: inline-block;
        float: right;
        text-align: center;
        margin-top: 10%;
    
    }
    .f3 img{
        width: 50%;
    }
    .banquan{
        text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 3%;
    }
    .cu{
        display: inline-block;
        font-weight: 600;
    }
    /*首页结束*/
    .n-about-t{
        width: 50%;
        display: inline-block;
        float: left;
    }
    .abt1{
        font-size: 36px;
    }
    .abt2{
        font-size: 49px;
        color: #002c95;
    }
    .hx{
        color: #c7c7c7;
        display: inline-block;
        font-size: 13px;
        float: right;
        margin-top: 4%;
    }
    .abt3{
        font-size: 36px;
        color: #002c95;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .n-about-img{
        width: 48%;
        display: inline-block;
        float: right;
        padding-top: 6%;
    }
    .xx{
        background-color: #0446a7 !important;
        color: #fff !important;

    }
    .n-about-img a{
        display: inline-block;
        width: 24%;
        border-radius: 15px;
        font-size: 16px;
        background-color: #cecece;
        color: #000;
        text-align: center;
        padding: 1%;
    }
    .n-about-img a:hover{
        background-color: #0446a7 !important;
        color: #fff !important;
    }
    .list-main .col4{
        width: 23%;
        margin: 1%;
        text-align: center;
        line-height: 2;
        font-size: 16px;
    }
    .list-main .col4 img{
        width: 100%;
        border: 5px solid #777777;
    }
    .list-main .col4 img:hover{
        border: 5px solid #0446a7;
    }
    .n-main{
        margin-top: 2%;
    }
    .my_pages{clear:both!important;padding:5px 0 0;text-align:center;margin:5px auto;line-height:30px;}
    #pages{text-align:center;list-style:none;}
    #pages a,#pages span{list-style:none;text-align:center;height:24px;display:inline;margin:0 2px;overflow:hidden;white-space:nowrap;font-size:13px;background:#fff;color:#555;padding:6px 10px;border: #999 1px solid;}
    #pages a:hover{color:#fff;background:#0446a7;border:#0446a7 1px solid;height:24px;overflow:hidden;text-decoration:none;cursor:pointer;}
    #pages .page-num-current{background:#0446a7;border:#0446a7 1px solid;height:24px;overflow:hidden;color:#fff;font-weight:700;}

    .article-img{
        text-align: center;
    }
    .n-left-date{
        width: 15%;
        font-size: 31px;
        display: inline-block;
        text-align: center;
        color: #898989;
        
    }
    .n-left-date span{
        border-top: 1px solid #898989;
        font-size: 31px;
    }
    .n-right-txt{
        width: 84%;
        font-size: 18px;
        display: inline-block;
    }
    .n-right-txt h3 span{
        float: right;
        color: #ff0000;
         font-size: 18px;

    }
    .hx span{
        float: right;
        font-size: 18px;
        color: #002c95;
        margin-right: 28%;
    }
    .hx a{
        display: inline-block;
    width: 16%;
    border-radius: 15px;
    font-size: 16px;
    background-color: #cecece;
    color: #000;
    text-align: center;
    padding: 1%;
    }
    .lx-t1{
        font-size: 26px;
        line-height: 4;
        color: #fff;
        background-color: #002b94;
        padding-left: 5%;
        
        
    }