﻿@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}

a {
    color: black;
}
html {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
}
*html {
    background-image: url(about:blank);
    background-attachment: fixed;
}
* {
    margin: 0;
    padding: 0;
    list-style: none;
}
body {
    background-color: #f6fafd;
    background: url('../images/bg.jpg');
    font-family:"Microsoft YaHei", "微软雅黑", '宋体', tahoma, Verdana, arial, sans-serif;
}
.gao10px {
    height: 10px;
    width: 100%;
    margin: auto;
    clear: both;
}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix {*zoom:1;}
.topbg {
    background: url('../images/top.jpg') top center no-repeat;
    background-position: center 0;
}
.top {
    height: 385px;
    background: url('../images/top.jpg') top center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.header {
    height: 60px;
    background-color: #003ea5;
    width: 1250px;
    margin: auto;
    position: relative;
    margin-top: -110px;
}
.header ul li {
    float: left;
    height: 60px;
    line-height: 60px;
    width: 140px;
    text-align: center;
    cursor: pointer;
}
.rightAside {
    position: fixed;
    top: 315px;
    right: 50%;
    margin-right: -936px;
}
.header_on {
    background-color: #042471;
}
.dhli:hover {
    background-color: #042471;
}
.smphoto{
    display: inline;
    float: left;
    text-align: center;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 6px;
}
.smphoto img{
    width: 120px;
}
.tsjb{
    padding-top: 6px;
}
.header ul li a {
    color: white;
}

.sousuo {
    height: 30px;
    width: 165px;
    border: none;
    border-radius: 8px;
    padding-left: 15px;
    padding-right: 40px;
}

.submit {
    position: relative;
    right: 38px;
    background: url('../images/njjcj_3.jpg');
    height: 28px;
    width: 28px;
    border: none;
    cursor:pointer
}

.ss {
    float: right;
    height: 60px;
    line-height: 60px;
    zoom:1
}
.ss form
{
    zoom:1;
    height: 60px;
    line-height: 60px;
}

.main {
    width: 1210px;
    padding: 0 20px;
    margin: auto;
    min-height: 400px;
    background-color: white;
    /*z-index: 100;*/
    position: relative;
}
.mymain {
    width: 1210px;
    padding: 0 20px;
    margin: auto;
    background-color: white;
    /*z-index: 100;*/
    position: relative;
}
.tt {
    width: 100%;
    height: 110px;
    margin: auto;
    border: 1px solid #e4e4e4;
}

.ttimg {
    float: left;
    width: 150px;
    height: 100%;
    text-align: center;
}

.ttimg img {
    margin-top: 15px;
}

.ttimg p {
    color: #cc0001;
    font-size: 20px;
}

.ttcontent {
    float: right;
    width: 1035px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 15px;
    text-align: center;
}

.ttcontent .tit a {
    font-size: 32px;
    color: #002693;
    font-weight: 600;
}

.ttcontent .text {
    padding-top: 10px;
    color: #616161;
    text-align: left;
}

.ttcontent .text a {
    color: #fe404a;
    padding-left: 8px;
}

.bk1 {
    width: 100%;
    height: 475px;
    margin: auto;
}

.bk2 {
    width: 100%;
    height: 390px;
    margin: auto;
}

.left {
    float: left;
}

.right {
    float: right;
}


/* 轮播 */


/*jssor slider loading skin spin css*/

.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/*jssor slider bullet skin 061 css*/

.jssorb061 {
    position: absolute;
}

.jssorb061 .i {
    position: absolute;
    cursor: pointer;
}

.jssorb061 .i .b {
    fill: #fff;
}

.jssorb061 .i:hover .b {
    fill-opacity: .7;
}

.jssorb061 .iav .b {
    fill: #46d1d3;
    fill-opacity: .5;
    stroke: #00fbff;
    stroke-width: 2000;
}

.jssorb061 .i.idn {
    opacity: .3;
}


/* 腰部横幅轮播 */


/*jssor slider loading skin spin css*/

.jssorl-010-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-010-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/*jssor slider bullet skin 108 css*/

.jssorb108 {
    position: absolute;
}

.jssorb108 .i {
    position: absolute;
    cursor: pointer;
}

.jssorb108 .i .b {
    fill: #000;
    fill-opacity: 0.5;
    stroke: #fff;
    stroke-width: 2000;
    stroke-miterlimit: 10;
    stroke-opacity: 0.8;
}

.jssorb108 .i:hover .b {
    fill: #fff;
    fill-opacity: 1;
    stroke: #2b1908;
    stroke-opacity: 1;
}

.jssorb108 .iav .b {
    fill: #fff;
    fill-opacity: 1;
    stroke: #ffaa00;
    stroke-width: 1800;
    stroke-opacity: 0.6;
}

.jssorb108 .i.idn {
    opacity: .3;
}

.zhyw {
    width: 475px;
    height: 475px;
    background-color: #fafafa;
}

.zhyw ul {
    padding: 0 25px;
}

.zhyw ul li {
    border-bottom: 1px dashed #b6b6b6;
    height: 30px;
    line-height: 30px;
    padding-top: 10px;
}

.zhyw ul li:last-child {
    height: 30px;
    line-height: 30px;
    padding-top: 10px;
    border-bottom: 0;
}

.ywtop {
    height: 60px;
    line-height: 60px;
    padding: 0 25px;
    border-bottom: 1px solid #ffffff;
}
.ywtophd {
    height: 60px;
    line-height: 60px;
    padding: 0 25px;
    border-bottom: 2px solid #ffffff;
}
.ywtit {
    color: #cc2827;
    font-size: 22px;
}

.more {
    font-size: 22px;
    color: #dadada;
    float: right;
}

.scdc {
    width: 710px;
    height: 390px;
    background-color: #f9f9f9;
}

ul.lm li {
    padding-left: 15px;
    margin-left: 25px;
    background: url('../images/icons.png') 0 19px no-repeat;
    line-height: 40px;
}

ul.lm li a {
    font-size: 17px;
    color: #2e2e2e;
}

.jdjb {
    width: 475px;
    height: 390px;
    background-color: #f9f9f9;
}

.jd {
    margin-top: 20px;
}

.jdjb p {
    font-size: 15px;
    padding-left: 23px;
    line-height: 23px;
    color: #5a5a5a;
}

.jb {
    width: 416px;
    margin: auto;
    text-align: center;
}

.jb .a {
    height: 53px;
    line-height: 53px;
    font-size: 21px;
    font-weight: bold;
    color: #022f8c;
    border: 2px solid #e5e5e5;
    border-bottom: none;
}

.jb .b {
    height: 55px;
    line-height: 55px;
    background-color: #cc0001;
    cursor: pointer;
}
.jb .b:hover {
    background-color: #f30302;
}
.jb .b a {
    font-size: 30px;
    color: white;
}

.jb .c {
    height: 55px;
    line-height: 55px;
    background-color: #032f86;
}

.jb .c ul li {
    float: left;
    color: white;
    width: 207px;
    margin: auto;
    text-align: center;
    cursor: pointer;
}
.jb .c ul li:hover {
    background-color: #073ac0;
    border: none;
    height: 55px;
}
.jb .c ul li a {
    color: white;
    font-size: 20px;
}

.bk3 {
    width: 100%;
    height: 150px;
    margin: auto;
}

.bk4 {
    width: 100%;
    height: 340px;
    margin: auto;
}

.lm1 {
    width: 595px;
    height: 340px;
    background-color: #f9f9f9;
}

.zt {
    margin: auto;
    text-align: center;
}

.zt2 {
    margin: auto;
    width: 547px;
    height: 80px;
}

.bk5 {
    width: 100%;
    margin: auto;
    background-color: #f9f9f9;
}


/* 视听滚动 */

.picMarquee-left {
    width: 1210px;
    overflow: hidden;
    position: relative;
}

.prev {
    display: block;
    width: 20px;
    height: 32px;
    float: left;
    overflow: hidden;
    cursor: pointer;
    background: url("../images/njjcj_16.png") no-repeat;
    position: relative;
    top: 85px;
    left: 20px;
}

.next {
    display: block;
    width: 20px;
    height: 32px;
    float: right;
    overflow: hidden;
    cursor: pointer;
    background: url("../images/njjcj_17.png") no-repeat;
    position: relative;
    top: 85px;
    right: 20px;
}

.picMarquee-left .bd {
    padding: 10px;
}

.picMarquee-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.picMarquee-left .bd ul li {
    margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.picMarquee-left .bd ul li .pic {
    text-align: center;
}

.picMarquee-left .bd ul li .pic img {
    width: 250px;
    height: 195px;
    display: block;
    padding: 2px;
}

.picMarquee-left .bd ul li .title {
    line-height: 24px;
    text-align: center;
    width: 250px;
    word-break: break-all;
}

.picMarquee-left .bd ul li .title a {
    font-size: 16px;
    font-family: "微软雅黑";
    color: #8e8e8e;
}

.tempWrap {
    width: 1085px!important;
    margin: auto;
}

.yqlist {
    margin: auto;
    height: 40px;
}

.yqlist ul li {
    float: left;
    width: 24%;
    text-align: center;
}
.yqlist ul li a {
    font-size: 20px;
    font-family: cursive;
    font-weight: bold;
    color: #cc0809;
}


/* 导航子栏目 */

.navC_list {
    padding-left: 1px;
    position: relative;
    z-index: 999999;
    height: 40px;
    width: 950px;
    display: none;
    border: 1px solid #042471;
    border-top: none;
    background-color: #042471;

}

.navC_list li {
    height: 40px!important;
    line-height: 40px!important;
    width: 80px!important;
    color: #ffffff;
}
.navC_list li a {
    background-color: #042471;
    height: 40px!important;
    line-height: 40px!important;
    width: 80px!important;
    color: #fff;
    display: block;
    font-size: 17px;
}
.navC_list li a:hover {
    color: #b2fcff;
}
.navC_list li:last-child {
    border-right: none !important;
}

.header ul li:hover>.navC_list {
    display: block;
}
.headerindex ul li:hover>.navC_list {
    display: block;
}
.header ul li,.headerindex ul li{
    font-size: 18px;
}
.navC_list{
    font-size: 16px;
}

/* 脚步 */

.foot {
    width: 100%;
    min-height: 150px;
    background-color: #003ea5;
}
.foot p,
.foot p a {
    text-align: center;
    color: white;
}
.foot p{
    height: 25px;
    line-height: 25px;
}

/* list页面 */

.main2 {
    width: 1180px;
    padding: 0 35px;
    margin: auto;
    min-height: 800px;
    background-color: white;
}

.position {
    color: #787878;
    font-size: 14px;
    width: 1180px;
    line-height: 40px;
    margin: 0px auto 0px auto;
    border-bottom: 2px solid #0043b2;
    text-indent: 33px;
    background: url('../images/icon_position.jpg') no-repeat;
}

.position a {
    color: #787878;
}

.sidebar {
    width: 250px;
    padding: 20px 0px 0px 0px;
    float: left;
}

.sidebar li {
    width: 100%;

    line-height: 50px;
    color: #0043b2;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #e7e7e7;
}

.sidebar li a {
    font-size: 16px;
    color: #0043b2;
}

.currentside {
    display: block;
    color: #FFFFFF!important;
    background: url('../images/icon03.png') no-repeat left;
    background-position: 40px 20px;
    background-color: #0043b2;
}
.gzcxcurrentside {
    display: block;
    color: #FFFFFF!important;
    background: url('../images/icon03.png') no-repeat left;
    background-position:20px 20px;
    background-color: #0043b2;
}
.currentsidenobg {
    display: block;
    color: #FFFFFF!important;
    background-position: 40px 20px;
    background-color: #0043b2;
}
.right_list {
    width: 923px;
    float: right;
    margin: 20px 0;
}

.right_list li {
    padding: 10px 0px;
    font-size: 16px;
    background: url('../images/icon04.png') no-repeat left;
    background-position: 20px 18px;
    text-indent: 40px;
}

.right_list li:nth-child(5n) {
    border-bottom: 1px #dddddd solid;
    margin-bottom: 15px;
    padding: 10px 0 25px 0px;
}

.right_list li:last-child {
    border-bottom: none;
    padding: 10px 0px;
}

.right_list li:hover {
    background-color: #efefef;
}

.right_list li a:hover {
    color: black;
    /*font-weight: bold;*/
}

.right_list li a {
    color: #333333;
    font-size: 16px;
    font-family: "微软雅黑";
}



.content_list {
    width: 100%;
    float: right;
    margin: 20px 0;
}

.content_list li {
    padding: 10px 0px;
    font-size: 16px;
    background: url('../images/icon04.png') no-repeat left;
    background-position: 20px 18px;
    text-indent: 40px;
}

.content_list li:nth-child(5n) {
    border-bottom: 1px #dddddd solid;
    margin-bottom: 15px;
    padding: 10px 0 25px 0px;
}

.content_list li:last-child {
    border-bottom: none;
    padding: 10px 0px;
}

.content_list li:hover {
    background-color: #efefef;
}

.content_list li a:hover {
    color: black;
    /*font-weight: bold;*/
}

.content_list li a {
    color: #333333;
    font-size: 16px;
    font-family: "微软雅黑";
}


.list_date {
    float: right;
    font-size: 14px;
    color: #a8a8a8;
    padding-right: 10px;
}

/*分页*/
.pagination {
    clear: both;
    text-align: center;
    margin: 5px 0;
    padding: 3px 0;
    line-height: 26px;
    font-size: 14px;
}
.pagination .currentStep {
    background: #0043b2;
    border: 1px solid #0043b2;
    color: #ffffff;
}
.pagination a, .pagination span {
    border: 1px solid #d9d9d9;
    color: #666;
    font-family: Arial;
    margin: 2px;
    padding: 0px 9px;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    height: 26px;
    line-height: 26px;
}
.pagination a:hover {
    background: #0043b2;
    border: 1px solid #0043b2;
    color: #ffffff !important;
}
.pagination a.active {
    border: 1px solid #0043b2;
    color: #fff;
}
.pagination span.current, .pagination span.current:hover {
    background: #0043b2;
    border: 1px solid #0043b2;
    color: #fff;
}
.pagination span.disabled, .pagination span.disabled:hover {
    border: 1px solid #d9d9d9;
    color: #666;
    background: #eee;
}
.pagination a.text, .pagination a.text:hover {
    color: #fff;
    background: #0043b2;
    border: #0043b2 1px solid;
    cursor: text;
}
.pagination a.pagemore, .pagination a.pagemore:hover {
    color: #666;
    background: #fff;
    border: 1px solid #fff;
    cursor: text;
    padding: 0px 3px;
}
.pagination .inputBar {
    border: 0px;
    height: 28px;
    line-height: 28px;
}
.pagination .inputBar input {
    width: 30px;
    height: 20px;
    padding: 3px 5px;
    border: #ccc 1px solid;
    *vertical-align:middle;
    _vertical-align: middle;
    margin: 0 3px;
}

.clear{ clear:both; margin:0; overflow:hidden; visibility:hidden;  font-size: 0; content: ".";}


/*分页结束*/


/* qxxxgk index */

.list_b {
    margin: 30px auto;
    min-height: 500px;
}

.list_b ul li {
    text-decoration: none;
    color: #1369c0;
    font-size: 30px;
    width: 345px;
    height: 120px;
    border: 1px solid #e7e7e7;
    line-height: 120px;
    text-align: center;
    float: left;
    margin: 20px 20px;
    border-radius: 5px;
}

.list_b ul li a{
    text-decoration: none;
    color: #1369c0;
}

/* show页面 */

.mheader {
    margin-bottom: 0px;
    padding-bottom: 0px;
    position: relative;
    padding: 25px 0px;
    width: 100%;
}

.maintitle {
    font-size: 26px;
    padding: 0 35px;
    color: #0043b2;
    text-align: center;
    padding-top: 20px;
}

.time {
    width: 95%;
    margin: 0px auto;
    font-size: 15px;
    text-align: center;
    color: #8d8d8d;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px #dddddd solid;
}
.share_icon {
    font-size: 14px;
    color: #8d8d8d;
    display: inline;
}

.social-share .social-share-icon {
    width: 25px!important;
    height: 25px!important;
    line-height: 27px!important;
    font-size: 16px!important;
}

.list_text {
    padding: 0 35px;
    text-align: justify;
}

.list_text p {
    line-height: 200%;
    padding-bottom: 15px;
    font-size: 17px;
    color: #333;
}
.list_text img{
    max-width: 1100px;
}

.content_subtitle {
    padding-bottom: 20px;
    height: 30px;
    line-height: 40px;
    font-size: 17px;
    text-align: center;
    color: #00F;
}
#top {
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    transition:width 2s;
    -webkit-transition:width 2s; /* Safari */
}

#top_img {
    width: 100%!important;
}


#top1_img {
    width: 100%!important;
    z-index: -1;
    /* animation: top1_img 5s ease-in-out 0s 1 alternate forwards; */
   
}

@media screen and (max-width:3840px){
    #top1 {
        height: 800px;
        overflow: hidden;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
        text-align: center;
        animation: top2560 5s ease-in-out 0s 1 alternate forwards;
        -moz-animation:top2560 5s ease-in-out 0s 1 alternate forwards;
        -webkit-animation:top2560 5s ease-in-out 0s 1 alternate forwards;
    }
    .top{
      height:480px !important
    }
}
@media screen and (max-width:2560px){
    #top1 {
        height: 800px;
        overflow: hidden;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
        text-align: center;
        animation: top2560 5s ease-in-out 0s 1 alternate forwards;
        -moz-animation:top2560 5s ease-in-out 0s 1 alternate forwards;
        -webkit-animation:top2560 5s ease-in-out 0s 1 alternate forwards;
    }
    .top{
      height:430px !important
    }
}
@media screen and (max-width:1920px){
    #top1 {
        height: 567px;
        overflow: hidden;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
        text-align: center;
        animation: top1920 5s ease-in-out 0s 1 alternate forwards;
        -moz-animation:top1920 5s ease-in-out 0s 1 alternate forwards;
        -webkit-animation:top1920 5s ease-in-out 0s 1 alternate forwards;
    }
    .top{
        height:375px !important
    }
}
@media screen and (max-width:1680px){
    #top1 {
        height: 537px;
        overflow: hidden;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
        text-align: center;
        animation: top1680 5s ease-in-out 0s 1 alternate forwards;
        -moz-animation:top1680 5s ease-in-out 0s 1 alternate forwards;
        -webkit-animation:top1680 5s ease-in-out 0s 1 alternate forwards;
    }
    .top{
        height:370px !important
    }
}
@media screen and (max-width:1440px){
    #top1 {
        height: 537px;
        overflow: hidden;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
        text-align: center;
        animation: top1440 5s ease-in-out 0s 1 alternate forwards;
        -moz-animation:top1440 5s ease-in-out 0s 1 alternate forwards;
        -webkit-animation:top1440 5s ease-in-out 0s 1 alternate forwards;
    }
    .top{
        height:350px !important
    }
}
@media screen and (max-width:1366px) {
    #top1 {
        height: 477px;
        overflow: hidden;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
        text-align: center;
        animation: top1366 5s ease-in-out 0s 1 alternate forwards;
        -moz-animation: top1366 5s ease-in-out 0s 1 alternate forwards;
        -webkit-animation: top1366 5s ease-in-out 0s 1 alternate forwards;
    }
    .top{
        height:330px !important
    }
}
@media screen and (max-width:1280px){
    #top1 {
        height: 447px;
        overflow: hidden;
        background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-position: center 0;
        text-align: center;
        animation: top1280 5s ease-in-out 0s 1 alternate forwards;
        -moz-animation:top1280 5s ease-in-out 0s 1 alternate forwards;
        -webkit-animation:top1280 5s ease-in-out 0s 1 alternate forwards;}
        .top{
            height:330px !important
        }
}
/*下面取不同名字是为了兼容IE*/
@-webkit-keyframes top3840 {
    from {
        /* margin-top: 0; */
        height: 800px;
    }
    to {
        /* margin-top: -270px; */
        height: 428px;
    }
}
@keyframes top3840 {
    from {
        /* margin-top: 0; */
        height: 800px;
    }
    to {
        /* margin-top: -270px; */
        height: 428px;
    }
}
@-moz-keyframes top3840 {
    from {
        /* margin-top: 0; */
        height: 800px;
    }
    to {
        /* margin-top: -270px; */
        height: 428px;
    }
}

/*下面取不同名字是为了兼容IE*/
@-webkit-keyframes top2560 {
    from {
        /* margin-top: 0; */
        height: 800px;
    }
    to {
        /* margin-top: -270px; */
        height: 328px;
    }
}
@keyframes top2560 {
    from {
        /* margin-top: 0; */
        height: 800px;
    }
    to {
        /* margin-top: -270px; */
        height: 328px;
    }
}
@-moz-keyframes top2560 {
    from {
        /* margin-top: 0; */
        height: 800px;
    }
    to {
        /* margin-top: -270px; */
        height: 328px;
    }
}


@-webkit-keyframes top1920 {
    from {
        /* margin-top: 0; */
        height: 537px;
    }
    to {
        /* margin-top: -270px; */
        height: 245px;
    }
}
@keyframes top1920 {
    from {
        height: 537px;
    }
    to {

        height: 245px;
    }
}
@-moz-keyframes top1920 {
    from {
        height: 537px;
    }
    to {
        height: 245px;
    }
}


@-webkit-keyframes top1680 {
    from {
        /* margin-top: 0; */
        height: 537px;
    }
    to {
        /* margin-top: -270px; */
        height: 216px;
    }
}
@keyframes top1680 {
    from {
        /* margin-top: 0; */
        height: 537px;
    }
    to {
        /* margin-top: -270px; */
        height: 216px;
    }
}
@-moz-keyframes top1680 {
    from {
        /* margin-top: 0; */
        height: 537px;
    }
    to {
        /* margin-top: -270px; */
        height: 216px;
    }
}


@-webkit-keyframes top1440 {
    from {
        /* margin-top: 0; */
        height: 507px;
    }
    to {
        /* margin-top: -270px; */
        height:185px;
    }
}
@keyframes top1440 {
    from {
        /* margin-top: 0; */
        height: 507px;
    }
    to {
        /* margin-top: -270px; */
        height:185px;
    }
}
@-moz-keyframes top1440 {
    from {
        /* margin-top: 0; */
        height: 507px;
    }
    to {
        /* margin-top: -270px; */
        height:185px;
    }
}

@-webkit-keyframes top1366 {
    from {
        /* margin-top: 0; */
        height: 477px;
    }
    to {
        /* margin-top: -270px; */
        height: 175px;
    }
}
@keyframes top1366 {
    from {
        /* margin-top: 0; */
        height: 477px;
    }
    to {
        /* margin-top: -270px; */
        height: 175px;
    }
}
@-moz-keyframes top1366 {
    from {
        /* margin-top: 0; */
        height: 477px;
    }
    to {
        /* margin-top: -270px; */
        height: 175px;
    }
}

@-webkit-keyframes top1280 {
    from {
        /* margin-top: 0; */
        height: 447px;
    }
    to {
        /* margin-top: -270px; */
        height: 164px;
    }
}
@keyframes top1280 {
    from {
        /* margin-top: 0; */
        height: 447px;
    }
    to {
        /* margin-top: -270px; */
        height: 164px;
    }
}
@-moz-keyframes top1280 {
    from {
        /* margin-top: 0; */
        height: 447px;
    }
    to {
        /* margin-top: -270px; */
        height: 164px;
    }
}


.headerindex {
    height: 60px;
    background-color: #003ea5;
    width: 1250px;
    margin: auto;
    position: relative;
}

.headerindex ul li {
    float: left;
    height: 60px;
    line-height: 60px;
    width: 140px;
    text-align: center;
    cursor: pointer;
}

.header_on {
    background-color: #042471;
}

.headerindex ul li a {
    color: white;
}
img {
    border: none;
}

/* 切换样式一 */

.qhh1 li {
    float: left;
    width: 135px;
    height: 61px;
    color: #cc2827;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
}
.qhh1_on  a{
    color: #cc2827;
}

.qhh1_on {
    background: url('../images/qho.png') no-repeat bottom;
}
.topFirst{
    font-size: 22px;
    height: 56px !important;
    line-height: 27px !important;
}
.topFirst a{
    color: #002693 !important;
    font-weight: 800;
}
.lastNav:hover{
    background-color: #003ea5 !important;
}

.footer-left a,.footer-left span,.footer-left{
    color: #DEE8F5;
    font-size: 12px;
}
.foot-img-box i{
    width: 150px;
    height: 150px;
    position: absolute;
    bottom: 30px;
    left: -47px;
    display: none;
    transition: 0.8s;
    background: #fff;
}
.foot-img-box{
    transition: 0.8s;
}
.foot-img-box:hover  i{
    display: block;
}
.footer-left span img,.footer-left a img{margin-top: -4px;}
.width1250{width: 1250px;margin: auto;}
.left{float: left;}
.mg_top20 {
    margin-top: 20px!important;
}
.footer-left a, .footer-left span, .footer-left {
    color: #DEE8F5;
    font-size: 16px;
}
.font_16 {
    font-size: 16px!important;
}
.mg_r20 {
    margin-right: 20px;
}
span, i {
    display: inline-block;
    font-style: normal;
}
.footer-left a, .footer-left span, .footer-left {
    color: #DEE8F5;
    font-size: 16px;
}
#imgConac {
    vertical-align: middle!important;
}
.footer-left span img, .footer-left a img {
    margin-top: -4px;
}
.foot-img-box i img {
    width: 100%;
    height: 100%;
    transition: 0.8s;
}
.relative {
    position: relative;
}
.mg_r20 {
    margin-right: 20px;
}
.right {
     float: right;
 }
.text-center {
    text-align: center!important;
}
.dr-code {
    width: 64px;
    height: 97px;
}
.position span{
    display: contents !important;
}