/*!****** 公用 *******/
/*!-----------------[初始化]--------------*/
*,:after,:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0!important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

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

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: ""
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    color: #444;
    font-size: 12px;
    line-height: 1.5;
    font-family: "微软雅黑","Microsoft Yahei",Arial;
    padding-top: 1.8rem
}

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

img {
    max-width: 100%;
    border: none;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}

em,i {
    font-style: normal
}

input,select,textarea {
    font-size: 12px;
    color: #444;
    font-family: "微软雅黑","Microsoft Yahei",Arial;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

input[type=button],input[type=reset],input[type=submit],select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=button],input[type=reset],input[type=submit] {
    cursor: pointer
}

::-webkit-input-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

::-ms-input-placeholder {
    color: #999
}

select::-ms-expand {
    display: none
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.col-c,.col-l,.col_c,.col_l,.l {
    float: left
}

.col-r,.col_r,.r {
    float: right
}

.fix {
    *zoom:1}

.fix:after,.fix:before {
    display: block;
    content: "";
    height: 0;
    clear: both
}

.c {
    clear: both
}

.ani {
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}

.aline_r {
    position: relative;
    background-image: linear-gradient(#17179d,#17179d);
    background-position: 0 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .5s
}

.alin_r:hover .aline_r {
    background-size: 100% 1px;
    color: #17179d
}

@keyframes beat {
    0%,to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.9,1.1);
        transform: scale(.9,1.1)
    }

    50% {
        -webkit-transform: scale(1.1,.9);
        transform: scale(1.1,.9)
    }

    75% {
        -webkit-transform: scale(.95,1.05);
        transform: scale(.95,1.05)
    }
}

@keyframes draw {
    form {
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    to {
        -webkit-transform: translate(-50%,10px);
        -ms-transform: translate(-50%,10px);
        -o-transform: translate(-50%,10px);
        transform: translate(-50%,10px)
    }
}

@keyframes line {
    form {
        width: 0
    }

    to {
        width: 100%
    }
}

@font-face {
    font-family: Adamina;
    src: url(../fonts/Adamina.ttf)
}

@font-face {
    font-family: Butler;
    src: url(../fonts/Butler.otf)
}

@media screen and (max-width: 1024px) {
    html {
        font-size:90px!important
    }
}

@media screen and (max-width: 900px) {
    html {
        font-size:85px!important
    }
}

@media screen and (max-width: 640px) {
    body {
        font-size:.18rem
    }
}

@media screen and (max-width: 480px) {
    html {
        font-size:80px!important
    }
}

@media screen and (max-width: 375px) {
    html {
        font-size:80px!important
    }
}

@media screen and (max-width: 360px) {
    html {
        font-size:70px!important
    }
}

.wp {
    width: 96%;
    max-width: 16rem;
    margin: 0 auto
}

.menuBtn {
    display: none;
    position: absolute;
    top: 13px;
    right: 20px;
    width: 26px;
    height: 34px;
    cursor: pointer;
    z-index: 601;
    transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.menuBtn b {
    display: block;
    height: 2px;
    background-color: #fff;
    margin: 7px 0;
    transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.menuBtn.open b {
    display: none;
    margin: -1px -2px;
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    background-color: #333
}

.menuBtn.open b:first-child {
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.menuBtn.open b:last-child {
    display: block;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100
}

.header .top {
    height: 1.2rem;
    background-color: #1549a2;
    overflow: hidden
}

.header .top .wp {
    height: 100%
}

.header .cont {
    height: .6rem;
    background-color: #fff
}

.header .cont .search {
    display: none
}

.header .logo {
    margin-top: .27rem;
    float: left;
    width: 5.9rem;
    height: .66rem;
    line-height: .66rem;
    font-size: 0
}

.header .logo img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.header .search {
    margin-top: .42rem;
    float: right;
    width: 2.4rem;
    height: .36rem;
    position: relative
}

.header .search input {
    outline: 0;
    border: none;
    background-color: transparent
}

.header .search .inp {
    padding: 0 .2rem;
    padding-right: .6rem;
    display: block;
    width: 100%;
    height: .36rem;
    line-height: .34rem;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 1rem;
    font-size: .14rem;
    color: #fff
}

.header .search .inp::-webkit-input-placeholder {
    color: rgba(255,255,255,.6)
}

.header .search .inp::-moz-placeholder {
    color: rgba(255,255,255,.6)
}

.header .search .inp::-ms-input-placeholder {
    color: rgba(255,255,255,.6)
}

.header .search .submit {
    position: absolute;
    right: 0;
    top: 0;
    width: .6rem;
    height: .36rem;
    background: url(../images/icon-so1.png) center center no-repeat;
    -webkit-background-size: .2rem auto;
    background-size: .2rem auto
}

.header .header-nav {
    padding: 0 .3rem
}

.header .header-nav>ul {
    margin: 0 -.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header .header-nav>ul>li {
    position: relative;
    flex-grow: 1
}

.header .header-nav>ul>li>a {
    padding: 0 .1rem;
    display: block
}

.header .header-nav>ul>li>a .tit {
    display: block;
    font-size: .2rem;
    color: #000;
    text-align: center;
    height: .6rem;
    line-height: .6rem;
    position: relative
}

.header .header-nav>ul>li>a .icon-arrow {
    position: absolute;
    right: 0;
    top: 18px;
    width: 16px;
    height: 16px;
    background: url(../images/icon-arrow5.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    display: none
}

.header .header-sub {
    position: absolute;
    left: 50%;
    top: 100%;
    box-shadow: 0 .1rem .1rem rgba(0,0,0,.15);
    border-radius: 0 0 .1rem .1rem;
    z-index: 101;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none
}

.header .sub1 {
    padding: .1rem 0;
    width: 1.7rem;
    background-color: rgba(255,255,255,.9);
    border-radius: .06rem
}

.header .sub1 a {
    padding: .06rem .1rem;
    display: block;
    font-size: .16rem;
    color: #333;
    text-align: center;
    line-height: 1.5;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.header .sub1 a.on,.header .sub1 a:hover {
    color: #1549a2
}

.header .header-nav>ul>li.on .tit,.header .header-nav>ul>li:hover .tit {
    color: #1549a2;
    font-weight: 700
}

.footer {
    padding: .46rem 0;
    background: url(../images/foot-bg1.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.footer .col {
    margin-right: 1.3rem;
    float: left
}

.footer .cor {
    padding-top: .05rem;
    overflow: hidden
}

.footer .logo {
    width: 5.9rem;
    height: .66rem;
    line-height: .66rem;
    font-size: 0
}

.footer .logo img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.footer .info {
    font-size: .16rem;
    color: #fff;
    line-height: 1.75;
    display: flex;
    flex-wrap: wrap;
    gap: .2rem .34rem
}

.footer .info .item {
    flex-grow: 1
}

.footer .info a:hover {
    text-decoration: underline
}

.footer .info img {
    display: inline-block;
    vertical-align: middle;
    max-width: .2rem;
    margin-top: -2px;
    margin-right: .04rem
}

@media only screen and (max-width: 1199px) {
    .wp,.wp2 {
        padding:0 20px;
        width: 100%;
        max-width: none!important
    }

    body {
        padding-top: 60px!important
    }

    .menuBtn {
        display: block
    }

    .header {
        height: 60px
    }

    .header .wp {
        padding: 0 15px!important
    }

    .header .top {
        height: 100%
    }

    .header .logo {
        margin-top: 10px;
        float: none;
        width: 270px;
        height: 40px;
        line-height: 40px
    }

    .header .search {
        display: none
    }

    .header .cont {
        padding: 50px 0 20px;
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        width: 260px;
        height: 100vh;
        background-color: #f9f9f9;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: perspective(600px) rotateY(-90deg);
        -ms-transform: perspective(600px) rotateY(-90deg);
        -o-transform: perspective(600px) rotateY(-90deg);
        transform: perspective(600px) rotateY(-90deg);
        transform-origin: right;
        z-index: 500;
        overflow: hidden;
        overflow-y: auto;
        -webkit-transition: all .5s cubic-bezier(.445,.145,.355,1);
        -o-transition: all .5s cubic-bezier(.445,.145,.355,1);
        transition: all .5s cubic-bezier(.445,.145,.355,1)
    }

    .header .cont .search {
        display: block;
        width: 100%;
        margin: 0
    }

    .header .search {
        float: none;
        height: 40px
    }

    .header .search .inp {
        padding: 0 40px 0 3px;
        font-size: 14px;
        border: none;
        border-bottom: 1px solid;
        border-radius: 0;
        height: 40px;
        line-height: 39px;
        color: #333
    }

    .header .search .inp::-webkit-input-placeholder {
        color: rgba(0,0,0,.3)
    }

    .header .search .inp::-moz-placeholder {
        color: rgba(0,0,0,.3)
    }

    .header .search .inp::-ms-input-placeholder {
        color: rgba(0,0,0,.3)
    }

    .header .search .submit {
        height: 40px;
        background-image: url(../images/icon-so2.png)
    }

    .header .cont.active {
        visibility: visible;
        opacity: 1;
        -webkit-transform: perspective(600px) rotateY(0);
        -ms-transform: perspective(600px) rotateY(0);
        -o-transform: perspective(600px) rotateY(0);
        transform: perspective(600px) rotateY(0)
    }

    .header .header-nav {
        margin: 0;
        padding: 0;
        height: auto
    }

    .header .header-nav ul {
        display: block;
        margin: 0
    }

    .header .header-nav ul>li {
        min-width: 0;
        border-bottom: 1px solid
    }

    .header .header-nav ul>li>a {
        padding: 12px 0;
        font-size: 15px;
        line-height: 45px;
        position: relative
    }

    .header .header-nav ul>li>a .tit {
        padding: 0;
        height: auto;
        line-height: 1.5;
        font-size: 15px;
        color: #333;
        text-align: left
    }

    .header .header-nav ul>li>a .icon-arrow {
        display: block;
        flex-shrink: 0
    }

    .header .header-nav ul>li.active>a .tit,.header .header-nav ul>li.on>a .tit {
        color: #1549a2
    }

    .header .header-sub {
        padding: 0;
        position: static;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }

    .header .sub1 {
        width: auto;
        justify-content: flex-start
    }

    .header .sub1 a {
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 13px;
        min-width: 50%;
        text-align: left
    }

    .footer {
        padding: .2rem 0
    }

    .footer .col,.footer .cor {
        float: none;
        margin: 0
    }

    .footer .cor {
        margin-top: .1rem
    }

    .footer .logo {
        height: .4rem;
        line-height: .4rem;
        width: auto;
        text-align: center
    }

    .footer .info {
        display: block;
        text-align: center;
        font-size: .14rem
    }
}

/*!****** 公用 end *******/
/*!****** 其他 *******/
.pages {
    padding-top: .44rem
}

.pages ul {
    margin: 0 -.1rem -.1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.pages li {
    padding: 0 .1rem;
    margin-bottom: .1rem
}

.pages a {
    padding: 0 .08rem;
    display: block;
    min-width: .26rem;
    height: .26rem;
    line-height: .24rem;
    font-size: .16rem;
    color: #999;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-radius: .02rem;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.pages .btn {
    padding: 0;
    min-width: .14rem
}

.pages .btn a {
    border-color: transparent
}

.pages .btn img {
    margin: -2px auto 0;
    display: inline-block;
    vertical-align: middle;
    width: .07rem
}

.pages .active a,.pages .active span,.pages a:hover {
    color: #fff;
    border-color: #1549a2;
    background-color: #1549a2
}

.inPosi {
    margin-bottom: .48rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.inPosi .inTitle {
    flex-grow: 1;
    display: flex;
    align-items: center
}

.inPosi .inTitle:after {
    content: '';
    margin: 0 .3rem 0 .15rem;
    margin-top: .1rem;
    display: block;
    height: 1px;
    background-color: #d8d8d8;
    flex-grow: 1
}

.inPosi .cur {
    margin-top: .15rem;
    max-width: 80%;
    flex-shrink: 0
}

.cur {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.cur,.cur * {
    font-size: .16rem;
    color: #7c7c7c;
    line-height: .24rem
}

.cur img {
    margin-right: .14rem;
    width: .18rem;
    flex-shrink: 0
}

.cur a,.cur span {
    padding: 0 .03rem;
}

.cur a:hover,.cur span {
    color: #133984
}

.cur a:hover {
    text-decoration: underline
}

.inTitle {
    font-size: .32rem;
    color: #133984;
    font-weight: 700;
    line-height: 1.33
}

.inNav {
    padding-bottom: .96rem;
    min-height: 6.18rem
}

.inNav .tit {
    padding: .2rem .1rem;
    min-height: 1.02rem;
    font-size: .3rem;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    background: url(../images/inNav-bg1.jpg) center bottom no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center
}

.inNav ul {
    background: url(../images/inNav-bg2.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.inNav li {
    margin-top: -1px;
    padding: .072rem 0;
    border-bottom: 1px dashed rgba(0,0,0,.2)
}

.inNav li>a {
    padding: .15rem .42rem;
    padding-left: .52rem;
    display: block;
    min-height: .72rem;
    font-size: .24rem;
    color: #123d93;
    text-align: center;
    line-height: 1.5;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

.inNav li>a:before {
    content: '';
    position: absolute;
    left: -.07rem;
    top: 0;
    right: 0;
    height: 100%;
    background: url(../images/inNav-bg3.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
    opacity: 0
}

.inNav li>a:after {
    content: '';
    position: absolute;
    right: 100%;
    top: -.09rem;
    width: .07rem;
    height: .09rem;
    background: url(../images/icon-shape1.png) left bottom no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: -1;
    opacity: 0
}

.inNav i {
    margin-top: -.075rem;
    position: absolute;
    right: .28rem;
    top: 50%;
    width: .07rem;
    height: .13rem;
    background: url(../images/icon-arrow6.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transform: translateX(-.03rem);
    -ms-transform: translateX(-.03rem);
    -o-transform: translateX(-.03rem);
    transform: translateX(-.03rem);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.inNav dl{
    padding: 0.06rem 0;
    display: none;
}
.inNav dd{}
.inNav dd a{
    padding: 0.08rem 0.2rem;
    padding-left: 0.65rem;
    display: block;
    font-size: 0.18rem;
    color: #333333;
}

.inNav .on {
    padding: 0;
    border-color: transparent
}

.inNav .on>a {
    color: #fff;
    font-weight: 700
}

.inNav .on>a:after,.inNav .on>a:before {
    opacity: 1
}

.inNav .on i {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    background-image: url(../images/icon-arrow4.png);
}

.inNav .active i{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

#m_n_nav {
    display: none;
    line-height: 50px;
    position: relative;
    z-index: 9;
    width: 100%;
    background: #1549a2
}

#bnt_back {
    position: absolute;
    left: 15px;
    top: 0
}

#bnt_back img {
    height: 18px;
    display: inline-block;
    vertical-align: middle
}

#bnt_back svg {
    fill: #fff;
    height: 30px;
    vertical-align: middle;
    width: 26px
}

#m_n_nav h1 {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0;
    line-height: 50px
}

#bnt_sub_nav {
    position: absolute;
    right: 15px;
    top: 0;
    height: 50px;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center
}

#bnt_sub_nav svg {
    fill: #fff;
    height: 20px;
    vertical-align: middle;
    width: 20px
}

#bnt_sub_nav img {
    display: block;
    height: 20px;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s
}

#bnt_sub_nav.on img {
    transform: rotate(-180deg)
}

#sub_nav_content {
    background: #f0f3f5;
    display: none;
    box-shadow: #999 0 0 5px;
    z-index: 9
}

#sub_nav_content ul {
    display: none
}

#sub_nav_content ul li {
    display: block;
    line-height: 28px
}

#sub_nav_content ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    padding-left: 10px;
    color: #535455
}

#sub_nav_content ul li.on a {
    color: #bc1316
}

#sub_nav_content dl {
    font-size: 0;
    overflow: hidden;
    background: #fff;
    padding: 10px 0
}

#sub_nav_content dt {
    position: relative;
    background: #fff;
    z-index: 999;
    width: 100%;
    display: block;
    margin-bottom: 0;
    line-height: 30px;
    padding: 0 20px
}

#sub_nav_content dt i {
    float: right;
    font-family: simsun;
    font-style: normal;
    font-weight: 700;
    font-size: .16rem
}

#sub_nav_content dt>a {
    display: inline-block;
    width: 88%;
    color: #5b5349;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    vertical-align: top
}

#sub_nav_content dt>a i {
    position: absolute;
    right: 15px;
    top: 0;
    opacity: 0;
    display: none
}

#sub_nav_content dt.on>a {
    color: #1549a2;
    font-weight: 700
}

#sub_nav_content dd {
    display: none
}

#sub_nav_content dd .box {
    padding: 0
}

#sub_nav_content dd a {
    padding: 0 25px;
    line-height: 30px;
    border-top: 1px solid #e7e7e7;
    font-size: 12px;
    color: #5b5349;
    display: block;
    height: 30px
}

#sub_nav_content dd a.on {
    color: #1549a2
}

.ban {
    overflow: hidden
}

.ban .img img {
    display: block;
    width: 100%
}

.top01 {
    margin-bottom: .4rem;
    position: relative;
    overflow: hidden
}

.top01 .tit {
    padding-left: .58rem;
    float: left;
    width: fit-content;
    position: relative
}

.top01 .tit * {
    display: block
}

.top01 .tit .cn {
    font-size: .32rem;
    color: #333;
    font-weight: 400;
    line-height: 1
}

.top01 .tit .en {
    font-family: Butler;
    margin-top: .09rem;
    font-size: .18rem;
    color: #666;
    font-weight: 400;
    line-height: 1
}

.top01 .tit .en em {
    font-family: Adamina;
    position: absolute;
    left: 0;
    top: 50%;
    font-size: .64rem;
    color: #1549a2;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.top01 .btns {
    margin-top: .09rem;
    float: right
}

.top01 .more {
    padding: 0 .15rem;
    display: block;
    width: fit-content;
    min-width: 1.2rem;
    height: .38rem;
    line-height: .36rem;
    font-size: .16rem;
    color: #1549a2;
    text-align: center;
    background: url(../images/btn-bg1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    z-index: 1
}

.top01 .more:after,.top01 .more:before {
    content: '';
    position: absolute;
    width: .1rem;
    height: 1px;
    background-color: #1549a2;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.top01 .more:before {
    top: 0;
    right: .22rem
}

.top01 .more:after {
    bottom: 0;
    left: .22rem
}

.top01 .more:hover:before {
    -webkit-transform: translateX(-.15rem);
    -ms-transform: translateX(-.15rem);
    -o-transform: translateX(-.15rem);
    transform: translateX(-.15rem)
}

.top01 .more:hover:after {
    -webkit-transform: translateX(.15rem);
    -ms-transform: translateX(.15rem);
    -o-transform: translateX(.15rem);
    transform: translateX(.15rem)
}

.top01 .index-tabs1 {
    float: left
}

.top01.mid .tit {
    margin: 0 auto;
    float: none
}

.top01.mid .btns {
    float: none;
    position: absolute;
    top: 0;
    right: 0
}

.banner {
    height: 5.6rem;
    position: relative;
    overflow: hidden
}

.banner .swpPagination {
    padding: .18rem 0;
    position: absolute;
    left: 0;
    bottom: 0!important;
    right: 0;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.banner .swpPagination:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1.8rem;
    background: url(../images/banner-bg1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: -1
}

.banner .swpPagination .swiper-pagination-bullet {
    margin: 0 .1rem!important;
    display: block;
    width: .1rem;
    height: .5rem;
    line-height: .5rem;
    position: relative;
    font-size: .16rem;
    color: #fff;
    text-align: center;
    opacity: 1;
    background-color: transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.banner .swpPagination .swiper-pagination-bullet:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: .1rem;
    height: .1rem;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.banner .swpPagination .swiper-pagination-bullet span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.banner .swpPagination .swiper-pagination-bullet-active {
    width: .5rem
}

.banner .swpPagination .swiper-pagination-bullet-active:before {
    width: .5rem;
    height: .5rem;
    background-color: transparent;
    border: 1px dashed #fff
}

.banner .swpPagination .swiper-pagination-bullet-active span {
    opacity: 1
}

.banner .swiper-slide {
    overflow: hidden
}

.banner .con {
    display: block;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.banner .bg {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.index-swiper1 {
    height: 5rem;
    position: relative;
    overflow: hidden
}

.index-swiper1 .swpBtn {
    position: absolute;
    right: .18rem;
    bottom: .05rem;
    z-index: 10;
    display: flex;
    align-items: center
}

.index-swiper1 .swpArrow {
    display: block;
    width: .24rem;
    height: .4rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: .12rem auto;
    background-size: .12rem auto;
    cursor: pointer
}

.index-swiper1 .swpArrow.prev {
    background-image: url(../images/swpArrow1.png)
}

.index-swiper1 .swpArrow.next {
    background-image: url(../images/swpArrow2.png)
}

.index-swiper1 .swpFraction {
    margin: 0 .12rem;
    width: auto;
    font-size: .18rem;
    color: #fff
}

.index-swiper1 .swpFraction .swiper-pagination-current {
    font-size: .24rem
}

.index-swiper1 .con {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden
}

.index-swiper1 .pic {
    height: 100%
}

.index-swiper1 .pic .ig {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-swiper1 .text {
    padding: 0 .2rem;
    padding-right: 1.7rem;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .54rem;
    line-height: .54rem;
    background-color: rgba(0,0,0,.4);
    z-index: 10
}

.index-swiper1 .tit {
    font-size: .2rem;
    color: #fff;
    font-weight: 400;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.index-swiper1 .con:hover .pic .ig {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.index-swiper2 {
    padding-bottom: .4rem;
    margin: 0 -.28rem;
    position: relative;
    overflow: hidden
}

.index-swiper2 .swpPagination {
    position: absolute;
    left: 0;
    bottom: 0!important;
    right: 0;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.index-swiper2 .swpPagination .swiper-pagination-bullet {
    margin: 0 .1rem!important;
    display: block;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: #1549a2;
    opacity: .2
}

.index-swiper2 .swpPagination .swiper-pagination-bullet-active {
    opacity: 1
}

.index-swiper2 .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem 0
}

.index-swiper2 .item {
    padding: 0 .28rem;
    width: 50%;
    flex-shrink: 0
}

.index-swiper2 .con {
    padding: 0 .54rem 0 .4rem;
    display: block;
    height: .74rem;
    line-height: .74rem;
    position: relative;
    display: flex;
    align-items: center
}

.index-swiper2 .con:after,.index-swiper2 .con:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-swiper2 .con:before {
    background-image: url(../images/ul-bg6.png)
}

.index-swiper2 .con:after {
    background-image: url(../images/ul-bg7.png);
    opacity: 0
}

.index-swiper2 .tit {
    width: calc(100% - .17rem);
    max-width: 100%;
    font-size: .18rem;
    color: #333;
    font-weight: 400;
    line-height: 2;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    flex-grow: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-swiper2 .arrow {
    margin-left: .1rem;
    display: block;
    width: .07rem;
    height: .13rem;
    background: url(../images/icon-arrow2.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    flex-shrink: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-swiper2 .con:hover:before {
    opacity: 0
}

.index-swiper2 .con:hover:after {
    opacity: 1
}

.index-swiper2 .con:hover .tit {
    color: #fff;
    font-weight: 700
}

.index-swiper2 .con:hover .arrow {
    background-image: url(../images/icon-arrow3.png)
}

.index-tabs1 ul {
    font-size: 0
}

.index-tabs1 li {
    padding-right: .2rem;
    margin-right: .15rem;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.index-tabs1 li:last-child {
    margin-right: 0;
    padding-right: 0
}

.index-tabs1 li:last-child:before {
    display: none
}

.index-tabs1 li:before {
    content: '';
    position: absolute;
    right: 0;
    top: .03rem;
    width: .11rem;
    height: .28rem;
    background: url(../images/line3.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.index-tabs1 .tit {
    padding: 0
}

.index-tabs1 .tit .cn {
    font-size: .28rem
}

.index-tabs1 .tit .en {
    display: none
}

.index-tabs1 .on .tit {
    padding-left: .58rem
}

.index-tabs1 .on .tit .cn {
    font-size: .32rem
}

.index-tabs1 .on .tit .en {
    display: block
}

.index-tabsDs1 .tab-item {
    display: none
}

.index-tabsDs1 .tab-item.on {
    display: block
}

.index-ul1 {
    padding-top: .17rem;
    height: 5rem;
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,.1)
}

.index-ul1 li {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul1 .con {
    padding: .1rem .26rem;
    display: block;
    height: .72rem;
    position: relative;
    z-index: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul1 .con:before {
    content: '';
    position: absolute;
    left: -.2rem;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/ul-bg1.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul1 .con:after {
    content: '';
    position: absolute;
    right: 100%;
    top: -.2rem;
    width: .2rem;
    height: .2rem;
    background: url(../images/icon-shape1.png) right bottom no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul1 .tit {
    font-size: .16rem;
    color: #333;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul1 .date {
    margin-top: .02rem;
    position: relative;
    display: flex;
    align-items: flex-end
}

.index-ul1 .date:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: .07rem;
    width: .08rem;
    height: .08rem;
    border: 1px solid rgba(17,55,121,.1);
    border-radius: 50%
}

.index-ul1 .date:after {
    content: '';
    margin-left: .15rem;
    margin-right: .08rem;
    margin-bottom: .1rem;
    display: block;
    height: 1px;
    background-color: rgba(17,55,121,.1);
    flex-grow: 1
}

.index-ul1 .date .day {
    margin-right: .1rem;
    font-size: .24rem;
    color: #1549a2;
    font-weight: 700;
    line-height: 1.21
}

.index-ul1 .date .year {
    margin-bottom: .04rem;
    font-size: .14rem;
    color: #333;
    line-height: 1.14
}

.index-ul1 .on {
    padding: .1rem 0
}

.index-ul1 .on .con {
    padding: .18rem .26rem .15rem;
    height: .9rem
}

.index-ul1 .on .con:after,.index-ul1 .on .con:before {
    opacity: 1
}

.index-ul1 .on .date {
    opacity: 0
}

.index-ul1 .on .tit {
    color: #fff;
    font-weight: 700;
    line-height: 1.75;
    height: 3.5em;
    white-space: wrap;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.index-ul2 li {
    margin-bottom: .28rem
}

.index-ul2 li:last-child {
    margin-bottom: 0
}

.index-ul2 .con {
    display: block;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.index-ul2 .date {
    margin-right: .22rem;
    width: .81rem;
    height: .81rem;
    color: #1549a2;
    text-align: center;
    line-height: 1.1;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul2 .date:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ul-bg2.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul2 .date * {
    display: block
}

.index-ul2 .date .day {
    font-size: .26rem;
    font-weight: 700
}

.index-ul2 .date .year {
    margin-top: .02rem;
    font-size: .14rem
}

.index-ul2 .tit {
    width: calc(100% - 1.02rem);
    max-width: 100%;
    font-size: .2rem;
    color: #3d3d3d;
    font-weight: 400;
    line-height: 1.5;
    max-height: 3em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    flex-grow: 1
}

.index-ul2 .con:hover .date {
    color: #fff
}

.index-ul2 .con:hover .date:before {
    background-image: url(../images/ul-bg3.png)
}

.index-ul3 {
    padding-top: .12rem;
    height: 5.8rem;
    background-color: #fff
}

.index-ul3 li {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul3 .con {
    padding: .1rem .34rem;
    padding-left: .38rem;
    display: block;
    height: .77rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul3 .con:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ul-bg4.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul3 .date {
    margin-right: .32rem;
    width: .8rem;
    flex-shrink: 0
}

.index-ul3 .date * {
    display: block
}

.index-ul3 .date .day {
    padding-left: .02rem;
    font-size: .24rem;
    color: #333;
    line-height: 1.33;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul3 .date .day i {
    margin: 0 .03rem;
    display: block;
    width: .09rem;
    height: .11rem;
    background: url(../images/line1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul3 .date .year {
    margin-top: .06rem;
    font-size: .14rem;
    color: #999;
    line-height: 1.29;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul3 .text {
    width: calc(100% - 1.12rem);
    max-width: 100%;
    flex-grow: 1
}

.index-ul3 .tit {
    font-size: .18rem;
    color: #333;
    font-weight: 400;
    line-height: 1.56;
    height: 3.12em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul3 .info {
    margin-top: .14rem;
    font-size: .16rem;
    color: #fff;
    line-height: 1.5;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul3 .info p {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.index-ul3 .info p+p {
    margin-top: .05rem
}

.index-ul3 .info img {
    display: inline-block;
    vertical-align: middle;
    width: .18rem;
    margin: -2px .1rem 0 0
}

.index-ul3 .on {
    padding: .14rem 0
}

.index-ul3 .on .con {
    padding: .25rem .32rem .2rem;
    padding-left: .38rem;
    height: 2rem
}

.index-ul3 .on .con:before {
    opacity: 1
}

.index-ul3 .on .date *,.index-ul3 .on .tit {
    color: #fff
}

.index-ul3 .on .date .day {
    font-weight: 700
}

.index-ul3 .on .date .day i {
    background-image: url(../images/line2.png)
}

.index-ul3 .on .tit {
    font-weight: 700
}

.index-ul3 .on .info {
    opacity: 1
}

.index-ul4 .con {
    display: block;
    height: .6rem;
    line-height: .6rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.index-ul4 .pic {
    width: 2.8rem;
    height: 1.94rem;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    display: none
}

.index-ul4 .pic .ig {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul4 .text {
    width: calc(100% - 3.72rem);
    max-width: 100%;
    flex-grow: 1
}

.index-ul4 .text .date {
    margin-top: .12rem;
    width: auto;
    text-align: left;
    display: none
}

.index-ul4 .tit {
    padding-left: .22rem;
    position: relative;
    font-size: .18rem;
    color: #333;
    font-weight: 400;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.index-ul4 .tit:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: .1rem;
    height: .1rem;
    background: url(../images/icon-shape2.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-top: -.05rem
}

.index-ul4 .desc {
    margin-top: .04rem;
    font-size: .16rem;
    color: #999;
    line-height: 1.75;
    height: 3.5em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: none
}

.index-ul4 .date {
    width: .92rem;
    text-align: right;
    font-size: .16rem;
    color: #666;
    flex-shrink: 0
}

.index-ul4 .date i {
    margin: -3px .06rem 0 0;
    display: inline-block;
    vertical-align: middle;
    width: .22rem;
    height: .22rem;
    background: url(../images/icon-date2.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    flex-shrink: 0
}

.index-ul4 .on {
    padding: .2rem 0
}

.index-ul4 .on .con {
    padding: .12rem;
    height: 2.2rem;
    line-height: inherit;
    border: 1px solid rgba(21,73,162,.1)
}

.index-ul4 .on .pic {
    display: block
}

.index-ul4 .on .text {
    padding: 0 .1rem 0 .23rem;
    padding-top: .18rem
}

.index-ul4 .on .tit {
    padding: 0;
    white-space: wrap;
    font-weight: 700;
    line-height: 1.67;
    height: 3.34em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.index-ul4 .on .date,.index-ul4 .on .tit:before {
    display: none
}

.index-ul4 .on .desc,.index-ul4 .on .text .date {
    display: -webkit-box
}

.index-ul4 .on .text .date {
    color: #9f9f9f
}

.index-ul4 li:first-child {
    padding-top: 0!important
}

.index-ul4 li:last-child {
    padding-bottom: 0!important
}

.index-ul4 .con:hover .pic .ig {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.index-ul4 .con:hover .tit {
    color: #1549a2;
    font-weight: 700
}

.index-ul5 {
    margin: 0 -.34rem;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 0
}

.index-ul5 li {
    padding: 0 .34rem;
    width: 33.33%;
    flex-shrink: 0
}

.index-ul5 .con {
    display: block;
    height: 100%
}

.index-ul5 .pic {
    height: 3.2rem;
    position: relative;
    overflow: hidden
}

.index-ul5 .pic .ig {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul5 .date {
    padding: 0 .3rem;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    min-width: 1.6rem;
    height: .5rem;
    background-color: rgba(21,73,162,.9);
    z-index: 10;
    display: flex;
    align-items: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul5 .date:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ul-bg8.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul5 .date .day {
    margin-right: .08rem;
    font-size: .24rem;
    font-weight: 700
}

.index-ul5 .date .year {
    padding-top: .06rem;
    font-size: .14rem
}

.index-ul5 .text {
    padding: .25rem .12rem 0
}

.index-ul5 .tit {
    font-size: .18rem;
    color: #333;
    font-weight: 700;
    line-height: 1.67;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.index-ul5 .desc {
    margin-top: .2rem;
    font-size: .16rem;
    color: #666;
    line-height: 1.5;
    max-height: 3em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.index-ul5 .arrow {
    margin-top: .24rem;
    display: block;
    width: .5rem;
    height: .5rem;
    background-color: #1549a2;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul5 .arrow:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: .32rem;
    height: .12rem;
    background: url(../images/icon-arrow1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin: -.06rem 0 0 -.16rem;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul5 .arrow:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ul-bg9.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-ul5 .con:hover .pic .ig {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.index-ul5 .con:hover .date {
    background: 0 0
}

.index-ul5 .con:hover .date:before {
    opacity: 1
}

.index-ul5 .con:hover .arrow {
    background: 0 0
}

.index-ul5 .con:hover .arrow:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.index-ul5 .con:hover .arrow:after {
    opacity: 1
}

.inUl1 ul {
    margin: 0 -.33rem;
    display: flex;
    flex-wrap: wrap;
    gap: .42rem 0
}

.inUl1 li {
    padding: 0 .33rem;
    width: 33.33%;
    flex-shrink: 0
}

.inUl1 .con {
    padding: 0 .54rem 0 .4rem;
    display: block;
    height: .82rem;
    line-height: .82rem;
    position: relative;
    display: flex;
    align-items: center
}

.inUl1 .con:after,.inUl1 .con:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inUl1 .con:before {
    background-image: url(../images/ul-bg6.png)
}

.inUl1 .con:after {
    background-image: url(../images/ul-bg7.png);
    opacity: 0
}

.inUl1 .tit {
    width: calc(100% - .17rem);
    max-width: 100%;
    font-size: .18rem;
    color: #333;
    font-weight: 400;
    line-height: 2;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    flex-grow: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inUl1 .arrow {
    margin-left: .1rem;
    display: block;
    width: .07rem;
    height: .13rem;
    background: url(../images/icon-arrow2.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    flex-shrink: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inUl1 .con:hover:before {
    opacity: 0
}

.inUl1 .con:hover:after {
    opacity: 1
}

.inUl1 .con:hover .tit {
    color: #fff;
    font-weight: 700
}

.inUl1 .con:hover .arrow {
    background-image: url(../images/icon-arrow3.png)
}

.inUl2 li {
    margin-bottom: .3rem
}

.inUl2 li:last-child {
    margin-bottom: 0
}

.inUl2 .con {
    padding: 0 .36rem 0 .42rem;
    display: block;
    height: .8rem;
    line-height: .78rem;
    border: 1px solid rgba(0,0,0,.12);
    position: relative;
    overflow: hidden
}

.inUl2 .con:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ul-bg10.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inUl2 .tit {
    padding-left: .22rem;
    font-size: .18rem;
    color: #333;
    font-weight: 400;
    position: relative;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inUl2 .tit:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: .04rem;
    height: .25rem;
    background-color: #1549a2;
    margin-top: -.125rem;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inUl2 .date {
    float: right;
    font-size: .18rem;
    color: #666;
    margin-left: .1rem;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inUl2 .con:hover {
    border-color: transparent
}

.inUl2 .con:hover:before {
    opacity: 1
}

.inUl2 .con:hover .date,.inUl2 .con:hover .tit {
    color: #fff
}

.inUl2 .con:hover .tit:before {
    background-color: #fff
}

.inUl3 li {
    margin-bottom: .42rem
}

.inUl3 li:last-child {
    margin-bottom: 0
}

.inUl3 .con {
    display: block;
    display: flex;
    justify-content: space-between
}

.inUl3 .pic {
    margin-right: .35rem;
    width: 2.46rem;
    height: 1.86rem;
    position: relative;
    z-index: 1;
    flex-shrink: 0
}

.inUl3 .pic:before {
    content: '';
    position: absolute;
    left: -.08rem;
    top: -.08rem;
    right: -.08rem;
    bottom: -.08rem;
    background: url(../images/ul-bg11.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inUl3 .pic .inn {
    height: 100%;
    position: relative;
    overflow: hidden
}

.inUl3 .pic .ig {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inUl3 .text {
    width: calc(100% - 2.81rem);
    max-width: 100%;
    border-bottom: 1px dashed rgba(0,0,0,.16);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.inUl3 .tit {
    font-size: .18rem;
    color: #353535;
    font-weight: 700;
    line-height: .3rem;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inUl3 .desc {
    margin-top: .16rem;
    font-size: .16rem;
    color: #666;
    line-height: 1.5;
    max-height: 3em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.inUl3 .date {
    margin-top: .16rem;
    font-size: .14rem;
    color: #9d9d9d;
    line-height: 1.2;
    display: flex;
    align-items: center
}

.inUl3 .date i {
    margin-right: .06rem;
    display: block;
    width: .15rem;
    height: .14rem;
    background: url(../images/icon-date3.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    flex-shrink: 0
}

.inUl3 .con:hover .pic:before {
    opacity: 1
}

.inUl3 .con:hover .pic .ig {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.inUl3 .con:hover .tit {
    font-size: .2rem;
    color: #1549a2
}

.inUl4 {
    margin: 0 -.15rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 0
}

.inUl4 li {
    padding: 0 .15rem;
    width: 33.33%;
    flex-shrink: 0
}

.inUl4 .con {
    display: block
}

.inUl4 .pic {
    padding-top: 69.29%;
    position: relative;
    overflow: hidden
}

.inUl4 .pic .ig {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inUl4 .text {
    padding: .12rem 0;
    height: .7rem;
    position: relative;
    display: flex;
    align-items: center
}

.inUl4 .text:after,.inUl4 .text:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inUl4 .text:before {
    background-color: rgba(21,73,162,.9)
}

.inUl4 .text:after {
    background: url(../images/ul-bg8.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 0
}

.inUl4 .tit {
    display: block;
    width: 100%;
    font-size: .18rem;
    color: #333;
    font-weight: 700;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inUl4 .con:hover .pic .ig {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.inUl4 .con:hover .text:after {
    width: 100%
}

.inUl4 .con:hover .tit {
    color: #1549a2
}

.row-index1 {
    padding: .62rem 0 .78rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.row-index1 .wp {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.row-index1 .col,.row-index1 .cor {
    flex-shrink: 0
}

.row-index1 .col {
    width: 70.75%
}

.row-index1 .cor {
    width: 25.87%
}

.row-index1 .cor .top01 {
    margin-bottom: .23rem
}

.row-index2 {
    padding: .69rem 0 .52rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.row-index2 .wp {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.row-index2 .col,.row-index2 .cor {
    flex-shrink: 0;
    width: 47.81%
}

.row-index2 .top01 {
    margin-bottom: .29rem
}

.row-index2 .index-ul4 {
    margin-right: .95rem
}

.row-index3 {
    padding: .66rem 0 .6rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.row-index3 .top01 {
    margin-bottom: .28rem
}

.row-index4 {
    padding: .86rem 0 .65rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.row-index4 .top01 {
    margin-bottom: .3rem
}

.row-index4 .wp {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.row-index4 .col,.row-index4 .cor {
    flex-shrink: 0
}

.row-index4 .col {
    width: 47.81%
}

.row-index4 .cor {
    width: 47.25%
}

.row-ny1 {
    padding: .81rem 0 .7rem;
    overflow: hidden
}

.row-ny1 .wp {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.row-ny1 .col,.row-ny1 .cor {
    flex-shrink: 0
}

.row-ny1 .col {
    margin-top: .1rem;
    margin-right: .6rem;
    width: 2.4rem
}

.row-ny1 .cor {
    width: calc(100% - 3rem);
    max-width: 100%;
    flex-grow: 1
}

.index-news1 {
    display: flex;
    justify-content: space-between
}

.index-news1 .left,.index-news1 .right {
    flex-shrink: 0
}

.index-news1 .left {
    width: 60.07%
}

.index-news1 .right {
    width: 39.93%
}

.index-video1 {
    height: 4.6rem;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.index-video1:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ul-bg5.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 1
}

.index-video1 .pic {
    height: 100%
}

.index-video1 .pic .ig {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.index-video1 .play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: .5rem;
    height: .5rem;
    background: url(../images/icon-play1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 10
}

.index-video1:hover .pic .ig {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.inDet1 .hd .tit {
    font-size: .24rem;
    color: #333;
    font-weight: 700;
    line-height: 1.33;
    text-align: center
}

.inDet1 .hd .info {
    margin-top: .34rem;
    padding: .11rem 0;
    font-size: .18rem;
    color: #5a5a5a;
    line-height: 1.33;
    background-color: rgba(0,0,0,.03);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.inDet1 .hd .info .sj {
    margin: 0 .36rem;
    display: block
}

.inDet1 .cont {
    padding: .36rem 0;
    font-size: .18rem;
    color: #333;
    line-height: 1.78;
    overflow: hidden;
    overflow-x: auto
}

.inDet1 .cont iframe,.inDet1 .cont img,.inDet1 .cont table,.inDet1 .cont video {
    max-width: 100%
}

.inDet1 .detPg {
    padding-top: .3rem;
    border-top: 1px dashed #bbcae2
}

.inDet1 .detPg .item {
    display: block;
    font-size: .16rem;
    color: #1549a2;
    font-weight: 700;
    line-height: 2.06;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.inDet1 .detPg span {
    color: #333;
    font-weight: 400
}

.inDet1 .detPg .item:hover,.inDet1 .detPg .item:hover span {
    color: #1549a2;
    font-weight: 700
}

.inSz1 .items {
    margin-bottom: .72rem
}

.inSz1 .items:last-child {
    margin-bottom: 0
}

.inSz1 .hd {
    margin-bottom: .29rem;
    background: url(../images/ul-bg12.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.inSz1 .hd .tit {
    padding: 0 .2rem;
    width: fit-content;
    min-width: 2.1rem;
    position: relative;
    font-size: .24rem;
    color: #fff;
    height: .7rem;
    line-height: .7rem;
    font-weight: 700;
    text-align: center;
    background-color: #1549a2
}

.inSz1 .hd .tit:before {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: .3rem;
    height: 100%;
    background: url(../images/ul-bg13.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1
}

.inSz1 ul {
    margin: 0 -.18rem;
    display: flex;
    flex-wrap: wrap;
    gap: .3rem 0
}

.inSz1 ul li {
    padding: 0 .18rem;
    width: 20%;
    flex-shrink: 0
}

.inSz1 ul a {
    padding: 0 .1rem;
    display: block;
    position: relative;
    z-index: 1;
    height: .6rem;
    line-height: .6rem;
    font-size: .18rem;
    color: #333;
    text-align: center;
    background-color: #edf1f8;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inSz1 ul a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ul-bg14.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.inSz1 ul a:hover {
    color: #fff;
    font-weight: 700;
    background-color: transparent
}

.inSz1 ul a:hover:before {
    opacity: 1
}

/*!****** 其他 end *******/
/*!****** 响应 *******/
@media only screen and (max-width: 1199px) {
    #m_n_nav {
        display:block
    }

    .banner {
        height: 29vw
    }

    .banner .swpPagination {
        padding: .1rem 0
    }

    .banner .swpPagination .swiper-pagination-bullet {
        margin: 0 .04rem!important;
        height: .32rem;
        line-height: .32rem;
        font-size: .14rem
    }

    .banner .swpPagination .swiper-pagination-bullet:before {
        width: .06rem;
        height: .06rem
    }

    .banner .swpPagination .swiper-pagination-bullet-active {
        width: .32rem
    }

    .banner .swpPagination .swiper-pagination-bullet-active:before {
        width: .32rem;
        height: .32rem
    }

    .index-swiper1 {
        height: 52vw
    }

    .index-swiper1 .swpBtn {
        bottom: .1rem;
        right: .1rem
    }

    .index-swiper1 .swpArrow {
        width: .2rem;
        height: .3rem;
        -webkit-background-size: .1rem auto;
        background-size: .1rem auto
    }

    .index-swiper1 .swpFraction {
        font-size: .14rem
    }

    .index-swiper1 .swpFraction .swiper-pagination-current {
        font-size: .2rem
    }

    .index-swiper1 .text {
        height: .5rem;
        line-height: .5rem;
        padding: 0 .15rem;
        padding-right: 1.3rem
    }

    .index-swiper1 .tit {
        font-size: .18rem
    }

    .index-swiper2 {
        margin: 0 -.1rem
    }

    .index-swiper2 .swiper-slide {
        gap: .2rem 0
    }

    .index-swiper2 .item {
        padding: 0 .1rem;
        width: 33.33%
    }

    .index-swiper2 .con {
        padding: 0 .15rem;
        height: .6rem;
        line-height: .6rem
    }

    .index-tabs1 li:before {
        top: .04rem;
        width: .08rem;
        height: .2rem
    }

    .index-tabs1 .tit {
        padding-left: 0!important
    }

    .index-tabs1 .tit .cn {
        line-height: 1.3;
        font-size: .2rem!important
    }

    .index-tabs1 .on .tit {
        padding-left: .42rem!important
    }

    .index-tabs1 .on .tit .cn {
        line-height: 1;
        font-size: .26rem!important
    }

    .index-ul1 {
        height: 5.4rem
    }

    .index-ul1 .con {
        padding-left: .2rem;
        padding-right: .2rem;
        height: .78rem
    }

    .index-ul1 .date .day {
        font-size: .2rem;
        margin-right: .04rem
    }

    .index-ul1 .date .year {
        margin-bottom: .02rem;
        font-size: .12rem
    }

    .index-ul1 .tit {
        font-size: .18rem
    }

    .index-ul1 .on .con {
        padding-left: .2rem;
        padding-right: .2rem;
        height: 1rem
    }

    .index-ul2 li {
        margin-bottom: .1rem
    }

    .index-ul2 .date {
        width: .7rem;
        height: .7rem;
        margin-right: .1rem
    }

    .index-ul2 .date .day {
        font-size: .2rem
    }

    .index-ul2 .date .year {
        font-size: .12rem
    }

    .index-ul2 .tit {
        font-size: .18rem;
        width: calc(100% - .8rem)
    }

    .index-ul3 {
        height: 5.5rem
    }

    .index-ul3 .con {
        padding-left: .2rem;
        padding-right: .2rem
    }

    .index-ul3 .date {
        width: .68rem;
        margin-right: .15rem
    }

    .index-ul3 .date .day {
        font-size: .2rem
    }

    .index-ul3 .date .day i {
        margin: 0 .01rem
    }

    .index-ul3 .date .year {
        font-size: .12rem
    }

    .index-ul3 .text {
        width: calc(100% - .83rem)
    }

    .index-ul3 .info {
        margin-top: .1rem;
        font-size: .14rem
    }

    .index-ul3 .on .con {
        padding-left: .2rem;
        padding-right: .2rem;
        height: 1.9rem
    }

    .index-ul4 .con {
        height: .46rem;
        line-height: .46rem
    }

    .index-ul4 .tit {
        padding-left: .16rem;
        font-size: .18rem
    }

    .index-ul4 .date,.index-ul4 .desc {
        font-size: .14rem
    }

    .index-ul4 .date i {
        width: .16rem;
        height: .16rem
    }

    .index-ul5 {
        margin: 0 -.1rem
    }

    .index-ul5 li {
        padding: 0 .1rem
    }

    .index-ul5 .pic {
        height: 20vw
    }

    .index-ul5 .date {
        padding: 0 .15rem;
        height: .36rem;
        min-width: 1.2rem
    }

    .index-ul5 .date .day {
        margin-right: .04rem;
        font-size: .2rem
    }

    .index-ul5 .date .year {
        padding-top: .08rem;
        font-size: .12rem
    }

    .index-ul5 .text {
        padding-top: .12rem
    }

    .index-ul5 .desc {
        margin-top: .06rem;
        font-size: .14rem
    }

    .index-ul5 .arrow {
        margin-top: .1rem;
        width: .36rem;
        height: .36rem
    }

    .index-ul5 .arrow:before {
        width: .24rem;
        height: .09rem;
        margin: -.045rem 0 0 -.12rem
    }

    .inUl1 ul {
        margin: 0 -.1rem;
        gap: .2rem 0
    }

    .inUl1 li {
        padding: 0 .1rem;
        width: 33.33%
    }

    .inUl1 .con {
        padding: 0 .15rem;
        height: .6rem;
        line-height: .6rem
    }

    .inUl2 li {
        margin-bottom: .1rem
    }

    .inUl2 .con {
        padding: 0 .2rem;
        height: .64rem;
        line-height: .62rem
    }

    .inUl2 .tit {
        padding-left: .12rem
    }

    .inUl2 .tit:before {
        width: .03rem;
        height: .16rem;
        margin-top: -.08rem
    }

    .inUl2 .date,.inUl3 .desc {
        font-size: .14rem
    }

    .inPosi {
        margin-bottom: .25rem;
        display: block
    }

    .inPosi .inTitle:after {
        margin-right: 0
    }

    .inPosi .cur {
        margin-top: .02rem;
        max-width: 100%
    }

    .cur {
        justify-content: flex-end
    }

    .cur,.cur * {
        font-size: .15rem
    }

    .cur img {
        width: .14rem;
        margin-right: .06rem
    }

    .cur a,.cur span {
        padding: 0 .04rem
    }

    .pages {
        padding-top: .25rem
    }

    .inTitle {
        font-size: .24rem
    }

    .top01 {
        margin-bottom: .2rem!important
    }

    .top01 .tit {
        padding-left: .42rem
    }

    .top01 .tit .cn {
        font-size: .24rem
    }

    .top01 .tit .en {
        font-size: .14rem;
        margin-top: .04rem
    }

    .top01 .tit .en em {
        font-size: .46rem
    }

    .top01 .btns {
        margin-top: .04rem
    }

    .top01 .more {
        padding: 0 .1rem;
        font-size: .14rem;
        min-width: .9rem;
        height: .3rem;
        line-height: .3rem
    }

    .row-index1,.row-index2,.row-index3,.row-index4 {
        padding: .4rem 0
    }

    .row-index1 .wp,.row-index2 .wp,.row-index4 .wp {
        display: block
    }

    .row-index1 .col,.row-index1 .cor,.row-index2 .col,.row-index2 .cor,.row-index4 .col,.row-index4 .cor {
        width: 100%
    }

    .row-index1 .cor,.row-index2 .cor,.row-index4 .cor {
        margin-top: .4rem
    }

    .row-index1 .cor .top01 {
        margin-bottom: .15rem
    }

    .row-index2 .index-ul4 {
        margin-right: 0
    }

    .row-ny1 {
        padding: .2rem 0 .4rem
    }

    .row-ny1 .col {
        display: none
    }

    .index-news1 {
        display: block
    }

    .index-news1 .left,.index-news1 .right {
        width: 100%
    }

    .index-video1 {
        height: 52vw
    }

    .inDet1 .hd .tit {
        font-size: .22rem
    }

    .inDet1 .hd .info {
        margin-top: .15rem;
        font-size: .16rem
    }

    .inDet1 .hd .info span {
        margin: 0 .1rem
    }

    .inDet1 .cont {
        padding: .25rem 0;
        font-size: .16rem
    }

    .inDet1 .detPg {
        padding-top: .2rem
    }

    .inSz1 .hd {
        margin-bottom: .15rem
    }

    .inSz1 .hd .tit {
        min-width: 1.1rem;
        height: .46rem;
        line-height: .46rem;
        font-size: .2rem
    }

    .inSz1 .items {
        margin-bottom: .3rem
    }

    .inSz1 ul {
        margin: 0 -.05rem;
        gap: .1rem 0
    }

    .inSz1 ul li {
        padding: 0 .05rem
    }

    .inSz1 ul a {
        font-size: .16rem;
        height: .52rem;
        line-height: .52rem
    }
}

@media only screen and (max-width: 767px) {
    .banner {
        height:42vw
    }

    .index-swiper2 {
        margin: 0 -.05rem;
        padding-bottom: .3rem
    }

    .index-swiper2 .swpPagination .swiper-pagination-bullet {
        margin: 0 .05rem!important
    }

    .index-swiper2 .swiper-slide {
        gap: .1rem 0
    }

    .index-swiper2 .item {
        padding: 0 .05rem;
        width: 50%
    }

    .index-swiper2 .con {
        height: .46rem;
        line-height: .46rem
    }

    .index-tabs1 li {
        padding-right: .15rem;
        margin-right: .1rem
    }

    .index-ul4 .on .con {
        padding: .1rem;
        height: auto;
        display: block
    }

    .index-ul4 .on .pic,.index-ul4 .on .text {
        width: 100%;
        padding: 0
    }

    .index-ul4 .on .pic {
        margin-bottom: .1rem
    }

    .index-ul5 li {
        width: 100%
    }

    .index-ul5 .pic {
        height: 52vw
    }

    .inUl1 ul {
        margin: 0 -.05rem;
        gap: .1rem 0
    }

    .inUl1 li {
        padding: 0 .05rem;
        width: 50%
    }

    .inUl1 .con {
        height: .46rem;
        line-height: .46rem
    }

    .inUl3 li {
        margin-bottom: .2rem
    }

    .inUl3 .pic {
        width: 1.6rem;
        height: 1.2rem;
        margin-right: .25rem
    }

    .inUl3 .text {
        padding-bottom: .1rem;
        width: calc(100% - 1.85rem)
    }

    .inUl3 .desc {
        margin-top: .05rem
    }

    .inUl3 .date {
        margin-top: .08rem
    }

    .inUl4 {
        margin: 0 -.06rem;
        gap: .3rem 0
    }

    .inUl4 li {
        padding: 0 .06rem;
        width: 50%
    }

    .inUl4 .text {
        height: .54rem
    }

    .inSz1 ul li {
        width: 50%
    }
}

/*!****** 响应 end *******/