html {
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
}

@media screen and (max-width: 320px) {
    html {
        font-size: 42.667px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}

@media screen and (min-width: 321px) and (max-width: 360px) {
    html {
        font-size: 48px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}

@media screen and (min-width: 361px) and (max-width: 375px) {
    html {
        font-size: 50px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}

@media screen and (min-width: 376px) and (max-width: 393px) {
    html {
        font-size: 52.4px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}

@media screen and (min-width: 394px) and (max-width: 412px) {
    html {
        font-size: 54.93px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}

@media screen and (min-width: 413px) and (max-width: 414px) {
    html {
        font-size: 55.2px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}

@media screen and (min-width: 415px) and (max-width: 480px) {
    html {
        font-size: 64px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}

@media screen and (min-width: 481px) and (max-width: 540px) {
    html {
        font-size: 72px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}

@media screen and (min-width: 541px) and (max-width: 640px) {
    html {
        font-size: 85.33px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}

@media screen and (min-width: 641px) and (max-width: 720px) {
    html {
        font-size: 96px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}

@media screen and (min-width: 721px) and (max-width: 768px) {
    html {
        font-size: 102.4px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}

@media screen and (min-width: 769px) {
    html {
        font-size: 102.4px;
        font-size: -webkit-calc(13.33333333vw);
        font-size: calc(13.33333333vw);
    }
}

/* ************清除浏览器默认样式************************* */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

a {
    color: #000;
    text-decoration: none;
}

ul {
    list-style: none;
}

ol {
    list-style: none;
}

.clearfix::after {
    clear: both;
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
}

header nav>div img {
    width: 1.7rem;
    height: 1.5rem;
}

header nav ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #355e92;
    font-size: 0.32rem;
    padding: .1rem .3rem;
}

header nav ul li {
    width: 2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
}

header nav ul li a {
    color: #fff;
}

header>div {
    /*background-image: url(../image/nav-img.jpg);*/
    height: 1.6rem;
    background: #355e92;
    border-bottom: 1px solid #fff;
}

header>div img {
    width: 100%;
    /*padding: .3rem 1rem;*/
}

main .index-main .index-1 .swiper-container .swiper-slide {
    text-align: center;
}



main .index-main .index-2 .index-emphasis-tit {
    display: flex;
    justify-content: space-between;
    height: .6rem;
    line-height: .6rem;
    font-size: .29rem;
    border-bottom: .01rem solid #dddddd;
    padding: 0 .2rem;
}

main .index-main .index-2 .index-emphasis-tit ul {
    display: flex;
}

main .index-main .index-2 .index-emphasis-tit ul li {
    margin-right: .25rem;
    color: #cccccc;
}

main .index-main .index-2 .index-emphasis-tit ul li a {
    margin-right: .25rem;
}

main .index-main .index-2 .index-emphasis-tit ul .cur a {
    font-weight: bold;
    display: inline-block;
    height: .6rem;
    position: relative;
}

main .index-main .index-2 .index-emphasis-tit ul .cur a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: .02rem;
    width: 100%;
    background: #d60000;
}

main .index-main .index-2 .index-emphasis-tit>a {
    height: .6rem;
}

main .index-main .index-2 .index-emphasis-cont div ul {
    margin-top: .1rem;
}

main .index-main .index-2 .index-emphasis-cont div ul li {
    background: url(../image/dot.png) left center no-repeat;
    padding-left: .23rem;
    margin-left: .2rem;
    margin-right: .2rem;
    height: .5rem;
    line-height: .5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: .28rem;
}

main .index-main .index-2 .index-emphasis-cont div ul li a {
    transition: all .2s;
}

main .index-main .index-2 .index-emphasis-cont div ul li a:hover {
    color: #2f6699;
    transition: all .2s;
}





main .index-main .index-21 .index-emphasis-tit1 {
    display: flex;
    justify-content: space-between;
    height: .6rem;
    line-height: .6rem;
    font-size: .29rem;
    border-bottom: .01rem solid #dddddd;
    padding: 0 .2rem;
}

main .index-main .index-21 .index-emphasis-tit1 ul {
    display: flex;
}

main .index-main .index-21 .index-emphasis-tit1 ul li {
    margin-right: .25rem;
    color: #cccccc;
}

main .index-main .index-21 .index-emphasis-tit1 ul li a {
    margin-right: .25rem;
}

main .index-main .index-21 .index-emphasis-tit1 ul .cur1 a {
    font-weight: bold;
    display: inline-block;
    height: .6rem;
    position: relative;
}

main .index-main .index-21 .index-emphasis-tit1 ul .cur1 a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: .02rem;
    width: 100%;
    background: #d60000;
}

main .index-main .index-21 .index-emphasis-tit1>a {
    height: .6rem;
}

main .index-main .index-21 .index-emphasis-cont1 div ul {
    margin-top: .1rem;
}

main .index-main .index-21 .index-emphasis-cont1 div ul li {
    background: url(../image/dot.png) left center no-repeat;
    padding-left: .23rem;
    margin-left: .2rem;
    margin-right: .2rem;
    height: .5rem;
    line-height: .5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: .28rem;
}

main .index-main .index-21 .index-emphasis-cont1 div ul li a {
    transition: all .2s;
}

main .index-main .index-21 .index-emphasis-cont1 div ul li a:hover {
    color: #2f6699;
    transition: all .2s;
}






main .index-main .index-3 {
    /*margin-top: .2rem;*/
}

main .index-main .index-3 .index-main-3-cont .mt {
    height: .55rem;
    line-height: .55rem;
    border-bottom: .01rem solid #ddd;
    display: flex;
    justify-content: space-between;
    padding: 0 .2rem;
    font-size: .35rem;
}

main .index-main .index-3 .index-main-3-cont .mt span {
    font-weight: bold;
    height: .48rem;
    position: relative;
}

main .index-main .index-3 .index-main-3-cont .mt span:after {
    position: absolute;
    left: 0;
    bottom: -0.08rem;
    content: '';
    height: .02rem;
    width: 100%;
    display: block;
    background: #d60000;
}

main .index-main .index-3 .index-main-3-cont .mt>div {
    display: flex;
}

main .index-main .index-3 .index-main-3-cont .mt ul {
    display: flex;
    margin-left: .2rem;
    justify-content: space-between;
}

main .index-main .index-3 .index-main-3-cont .mt ul li {
    height: .4rem;
    line-height: .4rem;
    border-radius: .04rem;
    padding: 0 .2rem;
    font-weight: bold;
    background: #eaeff5;
    font-size: .28rem;
    margin-right: .1rem;
    margin-top: .05rem;
}

main .index-main .index-3 .index-main-3-cont .mt ul .cur {
    background: #1a5285;
    font-size: .3rem;
}

main .index-main .index-3 .index-main-3-cont .mt ul .cur a {
    color: #fff;
}

main .index-main .index-3 .index-main-3-cont .mt>a {
    display: block;
}

main .index-main .index-3 .index-main-3-cont .tabcont .tab ul {
    margin-top: .1rem;
    font-size: 0.28rem;
}

main .index-main .index-3 .index-main-3-cont .tabcont .tab ul li {
    position: relative;
    background: url(../image/dot.png) left center no-repeat;
    padding-left: .23rem;
    padding-right: .23rem;
    margin-left: .3rem;
    height: .5rem;
    line-height: .5rem;
    display: flex;
    justify-content: space-between;
}

main .index-main .index-3 .index-main-3-cont .tabcont .tab ul li:hover a {
    color: #355e92;
    transition: all .2s;
}

main .index-main .index-3 .index-main-3-cont .tabcont .tab ul li a {
    width: 100%;
    padding-right: .75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

main .index-main .index-3 .index-main-3-cont .tabcont .tab ul li span {
    color: #999;
}

main .index-5 {
    margin-top: .2rem;
}

main .index-5 .index-main-5-left {
    background: #fafbfb;
    border: solid 1px #e6e6e6;
}

main .index-5 .index-main-5-left .mt {
    height: .4rem;
    margin: .2rem 0;
    border-left: solid 3px #7fcd61;
    display: flex;
    justify-content: space-between;
}

main .index-5 .index-main-5-left .mt h3 {
    font-size: .3rem;
    font-weight: bold;
    color: #333;
    line-height: .4rem;
    margin: 0 0 0 .2rem;
}

main .index-5 .index-main-5-left .mt a {
    background: #7fcd61;
    color: #fff;
    font-size: .12rem;
    height: .35rem;
    width: .6rem;
    line-height: .35rem;
    text-align: center;
    margin-right: .2rem;
    margin-top: .1rem;
}

main .index-5 .index-main-5-left .cont {
    margin: .4rem .2rem .3rem .2rem;
}

main .index-5 .index-main-5-left .cont ul li {
    margin: .15rem 0 .3rem 0;
    /* line-height: .24rem; */
    display: flex;
    justify-content: space-between;
}

main .index-5 .index-main-5-left .cont ul li .img {
    width: 3rem;
    height: 2rem;
}

main .index-5 .index-main-5-left .cont ul li .img img {
    width: 100%;
    height: 100%;
}

main .index-5 .index-main-5-left .cont ul li .content {
    width: 3.8rem;
}

main .index-5 .index-main-5-left .cont ul li .content .title {
    margin-bottom: .15rem;
    height: .75rem;
    margin-top: .2rem;
    font-size: .2rem;
    font-weight: bold;
    color: #333;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

main .index-5 .index-main-5-left .cont ul li .content .text {
    line-height: .29rem;
    font-size: .27rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
}

main .index-5 .index-main-5-left .cont ul li .content .time {
    padding: 0 .4rem;
    line-height: .4rem;
    font-size: .2rem;
    color: #999;
    background: url(../image/06.jpg) no-repeat left center;
}

/* main .index-content .index-main-5 .index-main-5-right {
    width: 580px;
    height: 372px;
} */

main .index-main .index-6 {
    margin-top: .2rem;
}

main .index-main .index-6 .index-main-5-right .mt {
    height: .4rem;
    border-left: solid 3px #7fcd61;
}

main .index-main .index-6 .index-main-5-right .mt h3 {
    font-size: .3rem;
    font-weight: bold;
    color: #333;
    line-height: .4rem;
    margin: 0 .2rem;
}

main .index-main .index-6 .index-main-5-right .list-sw {
    height: 3.5rem;
    overflow: hidden;
}

main .index-main .index-6 .index-main-5-right .list-sw ul {
    margin: 0 .2rem;
    overflow: hidden;
}

main .index-main .index-6 .index-main-5-right .list-sw ul li {
    height: .4rem;
    line-height: 0rem;
    margin: .1rem 0;
    white-space: nowrap;
    overflow: hidden;
}

main .index-main .index-6 .index-main-5-right .list-sw ul li span {
    font-size: .13rem;
    background: #bce3ce;
    padding: .02rem;
    color: #fff;
    margin-left: .3rem;
    margin-right: .1rem;
}

main .index-main .index-6 .index-main-5-right .list-sw ul li a {
    font-size: .14rem;
}

main .index-main .index-7 {
    margin-top: .2rem;
}

main .index-main .index-7>div {
    border: solid 1px #e6e6e6;
}

main .index-main .index-7>div .mt {
    height: .4rem;
    margin: .2rem 0;
    border-left: solid 3px #5867f7;
}

main .index-main .index-7>div .mt h3 {
    font-weight: bold;
    color: #333;
    line-height: .4rem;
    margin-left: .2rem;
    font-size: .3rem;
}

main .index-main .index-7>div .cont {
    margin: 0 .2rem .2rem .2rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

main .index-main .index-7>div .cont li {
    width: 25%;
    text-align: center;
    border: solid 1px #e6e6e6;
    padding-bottom: .2rem;
}

main .index-main .index-7>div .cont li .img {
    padding-top: .1rem;
}

main .index-main .index-7>div .cont li .img img {
    /*width: 100%;*/
}

main .index-main .index-7>div .cont li .tit {
    line-height: .32rem;
    font-size: .3rem;
}

main .index-main .index-7>div .cont li .btn a {
    display: block;
    font-size: .16rem;
    background: #7fcd61;
    width: 1.5rem;
    height: .5rem;
    line-height: .55rem;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

main .index-main .index-8 {
    margin-top: .2rem;
    display: flex;
    justify-content: space-between;
}

main .index-main .index-8 .index-main-8-cont .mt {
    height: .55rem;
    line-height: .6rem;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    padding: 0 .2rem;
}

main .index-main .index-8 .index-main-8-cont .mt span {
    font-weight: bold;
    font-size: .3rem;
    height: .48rem;
    position: relative;
}

main .index-main .index-8 .index-main-8-cont .mt span:after {
    position: absolute;
    left: 0;
    bottom: -.07rem;
    content: '';
    height: .02rem;
    width: 100%;
    display: block;
    background: #d60000;
}

main .index-main .index-8 .index-main-8-cont .mt ul {
    display: flex;
    margin-left: .3rem;
}

main .index-main .index-8 .index-main-8-cont .mt ul li {
    height: .3rem;
    line-height: .35rem;
    border-radius: .04rem;
    padding: 0 .2rem;
    font-size: .15rem;
    font-weight: bold;
    background: #eaeff5;
    margin-right: .1rem;
    margin-top: .1rem;
}

main .index-main .index-8 .index-main-8-cont .mt ul .cur {
    background: #1a5285;
}

main .index-main .index-8 .index-main-8-cont .mt ul .cur a {
    color: #fff;
}

main .index-main .index-8 .index-main-8-cont .mt>a {
    /* margin-left: 1.55rem; */
    line-height: 0;
}

/* main .index-content .index-main-7 .dynamic           .mt >a{
   margin-left: 170px;
} */

main .index-main .index-8 .index-main-8-cont .tabcont {
    width: 100%;
}

main .index-main .index-8 .index-main-8-cont .tabcont .tab ul {
    margin-top: .1rem;
}

main .index-main .index-8 .index-main-8-cont .tabcont .tab ul li {
    width: 96vw;
    position: relative;
    background: url(../image/dot.png) left center no-repeat;
    padding-left: .23rem;
    margin-top: .2rem;
    margin-bottom: .2rem;
    margin-left: .2rem;
    height: .36rem;
    line-height: .4rem;
    font-size: .28rem;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

main .index-main .index-8 .index-main-8-cont .tabcont .tab ul li:hover a {
    color: #355e92;
    transition: all .2s;
}

main .index-main .index-8 .index-main-8-cont .tabcont .tab ul li a {
    width: 100%;
    padding-right: .75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

main .index-main .index-8 .index-main-8-cont .tabcont .tab ul li span {
    color: #999;
}

main .index-main .index-9 {
    margin-top: .2rem;
}

main .index-main .index-9 .video .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: .2rem;
}

main .index-main .index-9 .video .top .left {
    width: 2rem;
    height: .4rem;
    background: url(../image/6.jpg) no-repeat;
}

main .index-main .index-9 .video .top .right {
    color: rgb(152, 151, 151);
    font-size: .14rem;
    margin-right: 11px;
}

main .index-main .index-9 .video .bottom {
    display: flex;
    justify-content: space-between;
}

main .index-main .index-9 .video .bottom .left {
    margin-right: .4rem;
}

main .index-main .index-9 .video .bottom .left figure {
    font-size: 0;
    position: relative;
}

main .index-main .index-9 .video .bottom .left figcaption {
    width: 100%;
    height: .45rem;
    line-height: .45rem;
    font-size: .16rem;
    text-align: center;
    box-sizing: border-box;
    padding-left: .45rem;
    position: absolute;
    bottom: 0;
    background: url(../image/8.png) no-repeat;
    color: #fff;
    overflow: hidden;
}

main .index-main .index-9 .video .bottom .right ul {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 0 .1rem;
}

main .index-main .index-9 .video .bottom .right ul li figure {
    width: 100%;
    font-size: 0;
    position: relative;
}

main .index-main .index-9 .video .bottom .right ul li figure img {
    width: 48vw;
}

main .index-main .index-9 .video .bottom .right ul li figure figcaption {
    width: 100%;
    height: .4rem;
    line-height: .35rem;
    font-size: .3rem;
    text-align: center;
    box-sizing: border-box;
    /*padding-left: .6rem;*/
    position: absolute;
    bottom: 0;
    color: #fff;
    background-color: rgba(10, 10, 10, 0.5);
    /*background: url(../image/8.png) no-repeat;*/
    background-size: 100% 100%;
    overflow: hidden;
}

main .articles .mt {
    height: .4rem;
    line-height: .4rem;
    font-size: .28rem;
    background: url(../image/shouyenew.png) left center no-repeat;
    padding-left: .6rem;
    margin: .2rem 0 0;
}

main .articles .mt a:last-child {
    font-weight: bold;
    color: #1a5284;
}

main .articles .content {
    font-size: .34rem;
}


main .articles .content .title h1 {
    font-size: .4rem;
    border-bottom: 1px dashed #dddddd;
    text-align: center;
    padding: .3rem 0;
    margin: 0 0 .3rem;
}

main .articles .content .cont p {
    padding: 0 .2rem;
    text-indent:2em;
}
main .articles .content .cont img {
    width: 100%;
    height: auto;
    padding-right: 20%;
    /*text-indent:2em;*/
}
main .list {
    font-size: .4rem;
}

main .list .mt {
    height: .4rem;
    line-height: .4rem;
    font-size: .28rem;
    background: url(../image/shouyenew.png) left center no-repeat;
    padding-left: .6rem;
    margin: .2rem 0 0;
}

main .list .mt a:last-child {
    font-weight: bold;
    color: #1a5284;
}

main .list .right .tabcont{
    padding: 0 .2rem;
}

main .list .right .list-cont .tabcont .tab ul {
    margin-top: .2rem;
}


main .list .right .list-cont .tit {
    height: .96rem;
    line-height: .96rem;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
}

main .list .right .list-cont .tit span {
    font-weight: bold;
    font-size: .4rem;
    height: .96rem;
    position: relative;
    padding: 0 0 0 .3rem;
}

main .list .right .list-cont .tit span:after {
    position: absolute;
    left: .2rem;
    bottom: 0;
    content: '';
    height: .04rem;
    width: 100%;
    display: block;
    background: #d60000;
}

main .list .right .list-cont .tit>a {
    margin-left: 1.55rem;
}

main .list .right .list-cont .tabcont .tab ul li {
    position: relative;
    background: url(../image/dot.png) left center no-repeat;
    padding-left: .23rem;
    height: .36rem;
    line-height: .36rem;
    display: flex;
    justify-content: space-between;
    margin: .2rem 0;
    font-size: .3rem;
}

main .list .right .list-cont .tabcont .tab ul li a {
    width: 100%;
    padding-right: .75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

main .list .right .list-cont .tabcont .tab ul li span {
    color: #999;
}

main .list .right .list-cont .tabcont .tab ul li:hover a {
    color: #355e92;
    transition: all .2s;
}

main .list .right .page {
    width: 6.3rem;
    margin: .3rem auto;
}

main .list .right .page ul {
    display: flex;
}

main .list .right .page ul li {
    float: left;
    width: .45rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    border-radius: .08rem;
    font-size: .28rem;
    margin-right: .1rem;
    overflow: hidden;
}

main .list .right .page ul li.cur {
    width: 1.2rem !important;
}

main .list .right .page ul li.cur a {
    background: #1a5284;
    color: #fff;
}

main .list .right .page ul li.curs a {
    background: #1a5284;
    color: #fff;
}

main .list .right .page ul li a {
    box-sizing: border-box;
    display: block;
    min-width: .4rem;
    height: .4rem;
    background: #e9ebee;
    padding: 0 .16rem;
}





footer {
    background-color: #1a5285;
    padding: .2rem 0;
    /*margin-top: .2rem;*/
    position: fixed;
    bottom: 0px;
    width: 100%;
}

footer div {
    text-align: center;
}

footer div span {
    display: block;
    font-size: .3rem;
    color: #fff;
    position: relative;
    bottom: .15rem;
}