footer {
    background: #333333;
    padding: .4rem 0 .4rem;
    overflow: hidden;
}

footer .wp {
    width: 13.8rem
}

footer .fl01 {
    text-align: center;
    padding: 0;
}

footer .fl01 img {
    height: 1.19rem;
}

footer .fl02 {
    align-items: flex-start
}

footer .fl02 .left h3 {
    font-size: .16rem;
    color: #dedede;
    margin-top: .12rem;line-height: 2;}

footer .fl02 .left {
    width: calc(100% - 25.75%);
    padding: 0.2rem 0.1rem 0 0;
}

footer .fl02 .right {
    width: 25.75%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: .1rem 0 0;
}


.h4s1 {
    font-size: .2rem;
    color: #000;
    line-height: 1.25;
    transition: .5s;
}

.h4s2 {
    font-size: .2rem;
    color: #000;
    line-height: .3rem;
    max-height: .6rem\0;
    transition: .5s;
}

.h4s3 {
    font-size: .2rem;
    color: #000;
    line-height: .3rem;
    max-height: .9rem\0;
    transition: .5s;
}

.h4s4 {
    font-size: .2rem;
    color: #fff;
    line-height: .3rem;
    max-height: 1.2rem\0;
    transition: .5s;
}

.list27s li {
    /* width: 33.33%; */
    margin-right: 20px;text-align: left;
    /* border-bottom: rgba(143, 143, 143, .1) 1px solid; */
}

.list27s li a {
    font-size: .16rem;
    color: #fff;
    line-height: .35rem;
    transition: .5s;
    display: flex;
    align-items: center;
}

.list27s li a img {
    width: .09rem;
    margin: -.03rem 0 0 .15rem
}

.list27s li svg {
    width: .16rem;
    height: .16rem;
    fill: rgba(255, 255, 255, .22);
    margin: 0 0 0 .06rem
}

.list_link {
    position: relative;
    width: 48.5%;
    /* margin-top: .15rem; */
text-align: center;}

.list_link dt {
    height: 0.6rem;
    /* border: rgba(255, 255, 255, .2) 1px solid; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .15rem;
    font-size: .16rem;
    color: #dedede;
    cursor: pointer;
    position: relative;
    line-height: .4rem;
}

.list_link dt span {
    color: rgba(255, 255, 255, .13);
    transform: translateY(.04rem);
}

.list_link dt img {
    height: .06rem;
    position: absolute;
    right: .15rem;
    top: 50%;
    margin-top: -.03rem;
    transition: .5s;
}

.list_link .con {
    position: absolute;
    bottom: calc(100% - 1px);
    left: 0;
    right: 0;
    z-index: 1;
    background: rgba(159, 17, 63, .96);
    border-bottom: none;
    padding: .1rem .15rem;
    display: none;
    transform-origin: bottom;
    border: rgba(255, 255, 255, .2) 1px solid;
    height: 1.66rem;
    overflow: hidden;
    overflow-y: scroll;
}

.list_link .con dd {
    font-size: .14rem;
    color: #fff;
    line-height: .26rem;
    font-weight: 300;
    text-align: left;
    padding: .05rem 0;
    opacity: .6;
    transition: .5s;
}

.list_link .con dd:hover {
    opacity: 1
}

.list_link .con::-webkit-scrollbar {
    width: 2px;
    height: 8px;
    background-color: #101010;
}

.list_link .con::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #101010;
}

.list_link .con::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .6);
}

.list_link.on dt img {
    transform: rotateX(180deg)
}

.list_link1 {
    display: none;
}

.ps2 {
    font-size: .16rem;
    color: #322f42;
    line-height: .26rem;
    max-height: .52rem\0;
    transition: .5s;
}

.ps3 {
    font-size: .16rem;
    color: #322f42;
    line-height: .26rem;
    max-height: .78rem\0;
    transition: .5s;
}

.h6s1 {
    font-size: .18rem;
    /* color: #999999; */
    transition: .5s;
    /* font-style: inherit; */
    margin-right: 30px;
    height: 0.24rem;
    line-height: 0.24rem;
    font-style: normal;
    color: #666;
    margin-left: 0.0rem;
    border-right: solid 1px #999999;
    padding-right: 30px;
}

.h6s1 b {
    font-size: .33rem;
    color: #8d2121;
}

.aline_w {
    position: relative;
    background-image: linear-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, .4));
    background-position: 0 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .5s
}

/* .alin_r:hover .aline_w {
    background-size: 100% 1px;
}

.aline_w:hover {
    background-size: 100% 1px
} */

.pc_header_box {
    height: 0;
}

.pc_header {
    height: 1rem;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
    transition: .2s;
}

.pc_header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1rem;
    background: url(../images/head-bg.png) center top no-repeat;
    width: 100%;
    z-index: -1;
    transition: .5s;
    background-size: 100% 100%;
    /* opacity: 0.8; */
}

.pc_header .wp {
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.pc_header .logo {
    width: 4.17rem;
    transition: .5s;
}

.pc_header .logo img {
    max-width: 100%;
}

.pc_header .right {
    /* width: 10.95rem; */
    /* max-width: calc(100% - 4.17rem - 0.1rem); */
    display: flex;
    height: 100%;
    flex-direction: column-reverse;
    justify-content: center;
    /* width: 100%; */
margin-left: 0px!important;margin-right: 30px;}

.list1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 -.075rem;
    padding-top: .2rem;
}

.list1 li {
    padding: 0 .075rem;
}

.list1 li .a {
    display: flex;
    font-size: 12px;
    color: #fff;
    /* min-width: .72rem; */
    height: .2rem;
    border: #bfbfbf 1px solid;
    justify-content: center;
    align-items: center;
    padding: 0 .1rem;
    transition: .5s;
    padding: 0.1rem 0.15rem;
}

.search_btn {
    display: flex;
    align-items: center;
    margin-left: .1rem;
    cursor: pointer;
    display: none;
}

.search_btn svg {
    fill: #90000c;
    width: .24rem;
    height: .24rem
}

.pc_header_box.fixed .pc_header::before {}

.pc_header_box.fixed .pc_header {
    height: 1rem;
}

.pc_header_box.fixed #nav ul li {
    height: .6rem;
    line-height: .6rem;
}

.pc_header_box.fixed #nav ul li .h3:after {
    bottom: .1rem
}

.fixed .pc_header {
    height: 100%;
    opacity: 1;
}

.pc_nav {
    flex: 1;
    padding: 0 0rem 0 0;
}

#nav ul {
    justify-content: space-between;
}

#nav ul li {
    z-index: 0;
    margin-left: 0;
    position: relative;
    height: 1rem;
    line-height: 1rem;
    transition: .2s;
    margin-right: 40px;
}

#nav ul li i {
    display: none
}

#nav ul li>a {
    display: block;
    padding: 0;
    position: relative;
    z-index: 2;
    height: 100%;
}

#nav ul li .h3 {
    font-size: .2rem;
    color: #fff;
    position: relative;
    line-height: 1rem;
}

#nav ul li em {
    content: "";
    position: absolute;
    transition: .6s;
    background: url(../images/nav_icon.png) no-repeat;
    width: .16rem;
    right: -0.22rem;
    top: 50%;
    height: .16rem;
    margin-top: -0.08rem;
    background-size: cover;
}

#nav ul li.on .h3:after,
#nav ul li:hover .h3:after {
    opacity: 1;
    visibility: visible;
}

#nav ul li .sub {
    position: absolute;
    top: 100%;
    background: #fff;
    width: 2.2rem;
    left: 50%;
    z-index: 10000;
    transform: scaleY(0);
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: .25s;
    transform-origin: top;
    display: flex;
    box-shadow: 0 0 60px rgba(0, 0, 0, .1);
    margin-left: -1rem;
    padding-top: .16rem;
}

#nav ul li .sub .img {
    width: 1.52rem;
    display: none;
}

#nav ul li .sub .img .img_hezi {
    padding-bottom: 82.24%
}

#nav ul li .sub .box {
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1;
    position: relative;
    z-index: 1;
}

#nav ul li .sub:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    height: 3px;
    width: 100%;
    background: #cfa476;
}

#nav ul li .sub .box .con {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
}

#nav ul li .sub a {
    padding: .08rem 0.2rem;
    line-height: 2;
    transition: .6s;
    font-size: .18rem;
    color: #000;
    white-space: nowrap;
    display: block;
    min-width: 100%;
    position: relative;
    z-index: 1;
    text-align: center;
}

#nav ul li .sub a:before {
    content: "";
    position: absolute;
    font-size: .2rem;
    left: 0;
    top: 0;
    display: none;
}

#nav ul li .sub a:hover {
    background: #ededed;
    color: #861313;
}

#nav ul li .sub a:hover::before {
    color: #861313;
}

#nav ul li:hover .sub {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.miso_time {
    align-self: flex-start;
    background: url(../images/time_bg.png) center no-repeat;
    width: 1.8rem;
    height: 1.45rem;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform-origin: top right;
    transition: .5s;
}

.miso_time h6,
.miso_time h3 small {
    font-size: .2rem;
    color: #fff;
    text-shadow: 0px 2px 10px rgba(221, 117, 3, 0.35);
    transition: .5s;
}

.miso_time h6 {
    margin-bottom: .06rem
}

.miso_time h3 {
    position: relative;
    width: 100%;
    text-align: center;
}

.miso_time h3:before {
    content: "";
    position: absolute;
    top: .06rem;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .2);
}

.miso_time h3 span {
    font-family: BellMT-Bold;
    font-size: .9rem;
    color: #fff;
    text-shadow: 0px 2px 10px rgba(221, 117, 3, 0.35);
    transition: .5s;
}

.miso_time h3 small {
    font-size: .2rem;
    color: #fff;
    text-shadow: 0px 2px 10px rgba(221, 117, 3, 0.35);
    transition: .5s;
}

.fixed .miso_time {
    width: 1.5rem;
    height: 1.16rem;
}

.fixed .miso_time h6,
.miso_time h3 small {
    font-size: .14rem;
}

.fixed .miso_time h3 span {
    font-size: .6rem;
}

.m_header_box {
    transition: .6s;
    display: none;
    height: .7rem;
    position: relative;
    z-index: 100000;
}

.m_header_box header {
    padding: 0 0 0 15px;
    height: .7rem;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #861313;
}

.yyhn .m_header_box header {
    background: #244076;
}

.m_header_box header #logo img {
    height: .4rem;
}

.m_header_box header #logo {
    padding: 0;
    width: 100%;
}

.m_header_box .list_box1 {
    margin-right: .4rem;
}

.m_header_box .list_box1 .li a {
    border-radius: 0;
    width: 28px;
    height: 20px;
    font-size: 10px;
}

#m_nav .list1 li .a {
    color: #861313;
    border: #861313 1px solid;
    height: .35rem;
    padding: 0 .2rem;
}

#nav_btn_box.on {
    background: none;
}

#nav_btn.on .point .navbtn::after,
#nav_btn.on .point .navbtn::before {}

#nav_btn_box {
    position: relative;
    width: .85rem;
    height: .7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    min-width: .85rem;
}

#nav_btn {
    cursor: pointer;
    text-align: center;
    z-index: 99999;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    outline: none;
    box-shadow: none;
}

#nav_btn .point {
    display: inline-block;
    width: .34rem;
    height: 18px;
    position: relative;
    outline: none;
    vertical-align: middle;
}

#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before {
    width: 100%;
}

#nav_btn .navbtn {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #fff;
    margin-top: -1px;
}

#nav_btn .navbtn::after,
#nav_btn .navbtn::before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #fff;
}

#nav_btn .navbtn::after {
    top: -8px;
}

#nav_btn .navbtn::before {
    top: 8px;
}

#nav_btn.on .point .navbtn {
    background: transparent;
}

#nav_btn.on .point .navbtn::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}

#nav_btn.on .point .navbtn::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}

.m_nav_list {
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: auto;
    align-items: center;
    display: flex;
    background: rgba(255, 255, 255, .1);
}

.m_nav_list::-webkit-scrollbar {
    display: none
}

#m_nav {
    z-index: 99999;
    position: fixed;
    width: 100%;
    height: 100vh;
    right: -105vw;
    top: 0;
    display: none;
    padding: 72px 20px 30px;
    overflow: hidden;
    pointer-events: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: block;
    background: #f6ece0;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    overflow: hidden;
    overflow-y: scroll;
}

#m_nav .close {
    position: absolute;
    top: 7px;
    right: 15px;
    left: 15px;
    font-size: 30px;
    color: #333;
    z-index: 10000;
    width: auto;
    height: 35px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0;
}

#m_nav.act {
    pointer-events: auto;
    right: 0;
    opacity: 1;
    visibility: visible;
    display: none;
}

#m_nav .search_box input.submit {
    background: #8f000b url(../fonts/submit.svg) center no-repeat;
    background-size: 1.75rem;
}

#m_nav .old_rukou {
    margin: .24rem 0 0;
    width: 100%;
}

#m_nav .list1 {
    justify-content: center;
    padding-bottom: .2rem;
}

.list_box_nav_mobile {
    max-width: 90%;
    margin: 0 auto;
    margin-top: 0;
}

.list_box_nav_mobile>li {
    width: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    margin: 0 auto;
}

.list_box_nav_mobile>li .con {
    position: relative;
}

.list_box_nav_mobile>li .h3 {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    line-height: .64rem;
    color: #000;
    padding: 0;
    font-size: .2rem;
    display: flex;
    position: relative;
    transition: .5s;
}

.list_box_nav_mobile>li.on .a {
    color: rgba(255, 255, 255, 1);
}

.list_box_nav_mobile>li .box {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: none
}

.list_box_nav_mobile>li .sub {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}

.list_box_nav_mobile>li i {
    content: "";
    opacity: 1;
    filter: alpha(opacity=100);
    display: inline-block;
    width: .64rem;
    height: .64rem;
    display: inline-block;
    background: url(../images/arrow_down.png) center no-repeat;
    background-size: 20px 20px !important;
    position: absolute;
    display: block;
    right: -.2rem;
    top: 0;
    cursor: pointer;
}

.list_box_nav_mobile>li.on1 i {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

.list_box_nav_mobile>li .sub a {
    display: block;
    font-size: 13px;
    color: #666;
    line-height: 2.5;
    min-width: 33.33%;
}

.nav_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 888;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}

.wap_search {
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    overflow: hidden;
    width: 100%;
    display: block;
    position: relative;
    margin-top: .2rem;
    display: none;
}

.wap_search form {
    height: 44px;
    position: relative;
    width: 100%;
    margin: 20px auto;
    display: block;
    border-radius: 50vw;
}

.wap_search .input {
    font-size: 14px;
    color: #646464;
    height: 44px;
    padding: 0 .24rem;
    box-shadow: none;
    -webkit-appearance: none;
    float: left;
    border-right: 0;
    background: none;
    width: calc(100% - 66px);
    border: #861313 1px solid;
    border-radius: 50vw 0 0 50vw;
    background: #fff;
}

.wap_search .btn_blue {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 66px;
    height: 44px;
    line-height: 44px;
    border: 0;
    background: url(../images/submit.svg) center no-repeat #861313;
    background-size: .3rem;
    border-radius: 0 50vw 50vw 0;
}

.wap_search .btn_blue.fr {
    background: #e9edef;
    color: #4e4f53;
}

.wap_search input::-webkit-input-placeholder {
    color: #999;
}

.wap_search input::-moz-placeholder {
    color: #999;
}

.wap_search input:-moz-placeholder {
    color: #999;
}

.wap_search input:-ms-input-placeholder {
    color: #999;
}

.wap_search input:focus::-webkit-input-placeholder {
    color: transparent;
}

.wap_search input:focus:-moz-placeholder {
    color: transparent;
}

.wap_search input:focus::-moz-placeholder {
    color: transparent;
}

.wap_search input:focus:-ms-input-placeholder {
    color: transparent;
}

.search-dialog-box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    transition: .6s;
}

.search-dialog-box:before {
    content: "";
    position: absolute;
    top: 0;
    height: 0;
    background: #861313;
    background-size: 100% auto;
    transition: .6s;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: .7;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.search-dialog-box.on:before {
    height: 100%
}

.search-dialog-box .bubbles-bg {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.search-dialog-box .search-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    margin: 0;
    background: rgba(0, 0, 0, .7);
    background-size: cover;
    background-repeat: no-repeat;
    transform-origin: center center;
    transition: height .8s cubic-bezier(.77, 0, .175, 1);
}

.search-dialog-box .wrap-inner {
    transform: translateY(100%);
    transition: .6s;
}

.search-dialog {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}

.search-dialog .search-tit {
    font-size: 2.75rem;
    line-height: 3.5rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    display: none;
}

.search-dialog .search-inner {
    overflow: hidden;
    margin-top: 0;
}

.search-dialog .search-input {
    width: 8rem;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    transition: all .3s;
    max-width: 94%;
    border-radius: .06rem;
    overflow: hidden;
}

.search-dialog .search-input input[type=text] {
    float: left;
    height: .6rem;
    width: calc(100% - .64rem);
    background-color: transparent;
    font-size: .2rem;
    line-height: .08rem;
    color: #333;
    transition: all .3s;
    background-color: #fff;
    border-radius: .06rem 0 0 .06rem;
    padding: 0 0 0 .24rem;
}

.search-dialog .search-input input[type=text]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn {
    float: right;
    height: .6rem;
    width: .64rem;
}

.search-dialog .search-input input[type=submit] {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background: #861313 url(../fonts/search-btn.svg) center no-repeat;
    background-size: .3rem;
}

.search-dialog .search-input .clear-btn {
    background-color: rgba(0, 0, 0, .2);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../fonts/close-btn.svg');
    background-size: 3.5rem;
    border-radius: 100%;
    margin-right: 1rem;
    display: none;
}

.search-dialog .search-input.on {
    background-color: #fff;
}

.search-dialog .search-input.on input[type=submit] {}

.search-dialog .hot-search {
    font-size: 0;
    width: 19.5rem;
    margin: .6rem auto 0;
    box-sizing: border-box;
    padding: 0 .6rem;
    overflow: hidden;
}

.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.search-dialog .hot-search .hot-tit {
    font-size: .375rem;
    line-height: .5rem;
    color: #fff;
    font-weight: bold;
    padding-left: .6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .5rem;
    background-image: ;
}

.search-dialog .hot-link {
    margin-left: 1rem;
}

.search-dialog .hot-link a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .375rem;
    line-height: .5rem;
    margin-right: .75rem;
    color: #fff;
    padding-bottom: 5px;
    position: relative;
}

.search-dialog .hot-link a:before {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s;
}

.search-dialog-box .bottom-box {
    position: absolute;
    left: 0;
    bottom: 5.1%;
    width: 100%;
}

.search-dialog-box .bottom-box .share-box {
    overflow: hidden;
}

.search-dialog-box .bottom-box .copy {
    font-size: .35rem;
    line-height: .5rem;
    color: #fff;
    font-family: "gilroy-regular";
    margin-top: .5rem;
    overflow: hidden;
}

.header-right.is-open .bubbles-bg {
    visibility: visible;
    opacity: 1;
}

.header-right.is-open .search-btn .con-box {
    display: none;
}

.header-right.is-open .close-btn {
    display: block;
}

.header-right.is-open .item .search-bg {
    transform: scale(1);
}

.search-dialog-box.on {
    opacity: 1;
    visibility: visible;
}

.search-dialog-box.on .search-bg {
    height: 100vh;
}

.search-dialog-box.on .bubbles-bg {
    opacity: 1;
    visibility: visible;
}

.search-dialog-box.on .wrap-inner {
    transform: translateY(0)
}

.f-cb h3 {
    font-size: .3rem;
    color: #fff;
    text-align: center;
    margin-bottom: .3rem
}

.pub-close {
    position: absolute;
    width: .48rem;
    height: .48rem;
    z-index: 10;
    right: .24rem;
    top: .24rem;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 100%;
}

.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}

.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: .12rem;
    background-repeat: no-repeat;
    background-image: url(../fonts/close-btn.svg);
    transition: .6s;
}

.pub-close i:hover {
    transform: rotate(180deg)
}

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}

@keyframes spin2 {
    to {
        transform: rotate(-1turn);
    }
}

@keyframes spin-reverse {
    from {
        transform: rotate(1turn);
    }
}

@keyframes spin-reverse2 {
    from {
        transform: rotate(-1turn);
    }
}

.banner_box {
    padding: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.banner_b {
    position: absolute;
    bottom: .5rem;
    left: 50%;
    width: 17.2rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 10;
    max-width: 94%;
    transform: translateX(-50%);
}

.miso-arrow1 svg {
    width: .26rem;
    height: .26rem;
    fill: rgba(255, 255, 255, .58);
    transition: .5s
}

.miso-arrow1:hover svg {
    width: .26rem;
    height: .26rem;
    fill: #ddbc77
}

.banner_b .search_btn {
    cursor: pointer
}

.banner_b .search_btn svg {
    width: .3rem;
    height: .3rem;
    fill: #fff;
}

.banner_b .swiper-pagination {
    position: relative;
    display: flex;
    align-items: baseline;
    margin: 0 .2rem;
    font-size: 12px;
    color: #a49e9e;
    font-family: Myriad Pro;
    bottom: 0;
    width: auto;
}

.banner_b .swiper-pagination span {
    font-size: 12px;
    color: #a49e9e;
    font-family: Myriad Pro;
    margin: 0 .04rem;
}

.banner_b .swiper-pagination span.swiper-pagination-current {
    font-size: .24rem;
    color: #ddbc77
}

.more0 svg {
    width: .24rem;
    height: .24rem;
    fill: #fff;
    transform: translateY(1px);
}

.banner {
    overflow: hidden;
}

.banner ul li .a {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.banner ul li .a .img {
    overflow: hidden;
    transform: scale(1.12);
    transition: 6s;
}

.banner ul li .a .img .img_hezi {
    padding-bottom: 100vh;
    transform: scale(1) !important;
    transition: 0s;
    background-position-y: bottom !important;
}

.banner ul li .a .img video {
    width: 100vw;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.banner ul li.swiper-slide-active .a .img {
    transform: scale(1);
}

.banner ul li .txt1 span {
    display: inline-block;
    opacity: 0;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    transform: translateY(-16px);
    margin: 0 .5px;
}

.banner.on ul li.swiper-slide-active .txt1 span {
    opacity: 1;
    filter: blur(0px);
    -webkit-filter: blur(0px);
    transform: translateY(0px);
}

.banner.on ul li .a .top .box {
    transform: translateY(0);
}

.banner_t {
    position: absolute;
    right: 0;
    bottom: -.1rem;
    z-index: 10;
    display: flex;
    justify-content: flex-end;
}

.banner_t img {
    width: 6.27rem;
    max-width: 33%;
    display: none;
}

.btop {
    position: absolute;
    right: .26rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    cursor: pointer;
}

.btop ul {
    display: flex;
    flex-direction: column;
}

.btop ul li {
    padding: .08rem 0;
}

.btop ul li a {
    display: flex;
    border: #ddbc77 1px solid;
    align-items: center;
    justify-content: center;
    width: .4rem;
    height: .4rem;
    font-size: .14rem;
    color: #fff;
    text-transform: uppercase;
    transition: .5s;
    background: #861313;
    border: #861313 1px solid;
}

.btop ul li a svg {
    width: .22rem;
    height: .22rem;
    fill: #ddbc77;
}

.btop ul li.on a {
    border-radius: 50%;
}

.btop ul li.on a svg {
    fill: #fff
}

.pad {
    padding: 1.18rem 0;
    overflow: hidden;
}

.home1_w {
    position: relative;
    z-index: 1;
}

.home1 {
    padding: 1.04rem 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.home1 .bg1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/home1.jpg) center bottom no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: -1;
}

.home1 .wp {
    width: 14rem;
}

.tit1 {
    justify-content: center;
    margin-bottom: .4rem;
    justify-content: space-between;
    width: 100%;
}

.tit1 .ll_li {
    align-items: center;
    justify-content: center;
}

.tit1 .ll_li h3 {
    font-size: .28rem;
    color: #303030;
    /* width: 1rem; */
    margin: 0 0 0 0.1rem;
    font-weight: 400;
    /* transform: translate(0, -.06rem); */
}

.tit1 .ll_li h3 i {
    font-size: .21rem;
    font-style: normal;
    margin-left: 10px;
}

.tit1 .ll_li h3 .dot {
    width: 100%;
    height: .08rem;
    position: relative;
    z-index: 1;
    margin: .12rem 0
}

.tit1 .ll_li h3 .dot:before {
    content: "";
    position: absolute;
    width: .08rem;
    height: .08rem;
    background: #000;
    border-radius: 50%;
    left: 50%;
    margin-left: -.04rem
}

.home1 .fl01 .left {
    width: 50%;
    padding: 0 .12rem 0 0;
}

.home1 .fl01 .right {
    width: 50%;
    padding: 0 0 0 .12rem;
}

.home1 .zy {
    display: flex;
    padding: 0 0 0 3%;
    position: absolute;
    top: 0;
}

.home1 .zy .ll {
    position: relative;
    z-index: 1;
    margin-top: -1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: .18rem;
}

.home1 .zy .ll .line {
    flex: 1;
    overflow: hidden;
    width: 1px;
    background: #ddd9d5;
}

.home1 .zy .ll a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home1 .zy .ll font {
    display: inline-block;
    writing-mode: tb-rl;
    font-size: 12px;
    color: #a5a5a5;
    margin: .2rem 0 .15rem;
    letter-spacing: 1px;
    transition: .5s;
}

.home1 .zy .ll span {
    display: inline-block;
    writing-mode: tb-rl;
    font-size: 12px;
    color: #a5a5a5;
    text-align: center;
    margin-left: 2px;
}

.home1 .zy .ll span {
    -webkit-animation: index_tips_scroll 2s linear infinite;
    -moz-animation: index_tips_scroll 2s linear infinite;
    animation: index_tips_scroll 2s linear infinite;
    opacity: 0;
}

@-webkit-keyframes index_tips_scroll {
    0% {
        transform: translateY(0px);
        opacity: 0
    }

    45%,
    55% {
        opacity: 1;
        transform: translateY(4px);
    }

    to {
        transform: translateY(8px);
        opacity: 0
    }
}

@-moz-keyframes index_tips_scroll {
    0% {
        transform: translateY(0px);
        opacity: 0
    }

    45%,
    55% {
        opacity: 1;
        transform: translateY(4px);
    }

    to {
        transform: translateY(8px);
        opacity: 0
    }
}

@keyframes index_tips_scroll {
    0% {
        transform: translateY(0px);
        opacity: 0
    }

    45%,
    55% {
        opacity: 1;
        transform: translateY(4px);
    }

    to {
        transform: translateY(8px);
        opacity: 0
    }
}

.home1 .zy .rr {
    margin: .36rem 0 0;
    position: relative;
    padding: .22rem 0 0;
}

.home1 .zy .rr:before {
    content: "";
    position: absolute;
    right: 0;
    width: .26rem;
    height: 4px;
    background: #861313;
    top: 0
}

.list4 .a {
    display: block;
    position: relative;
}

.list4 .img .img_hezi {
    padding-bottom: 56.89%;
    padding-bottom: 3.92rem;
}

.list4 .img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/list4_t.png) center bottom no-repeat;
    background-size: 100% auto;
    opacity: .5;
}

.list4 .txt {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 .3rem;
    height: 1.28rem;
    background: #fff;
    z-index: 10;
    border-left: #861313 2px solid;
}

.list4 .time {
    width: 1.48rem;
    height: .42rem;
    background: #861313;
    position: absolute;
    left: 0;
    top: -.42rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .18rem;
    color: #fff;
}

.list4 .txt h4 {
    font-size: .24rem;
    color: #000000;
    line-height: .34rem;
    max-height: .68rem\0;
    transition: .5s;
}

.list4_box .swiper-pagination {
    right: 0.2rem;
    bottom: 0.3rem;
    z-index: 1;
    text-align: right;
    width: auto;
}

.list4_box .swiper-pagination .swiper-pagination-bullet {
    width: 0.14rem;
    height: 0.14rem;
    opacity: 1;
    border: 1px solid #fff;
    background: none;
}

.list4_box .swiper-pagination .swiper-pagination-bullet.active {
    background: #fff;
}

.list5 {
    margin: 0 -.12rem;
}

.list5 li {
    width: 50%;
    padding: 0 .12rem;
}

.list5 .img .img_hezi {
    padding-bottom: 76.34%;
    padding-bottom: 1.89rem;
}

.list5 .txt1 {
    background: #284a8b;
    height: 3.3rem;
    padding: 0 .3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.list5 h4 {
    min-height: .6rem;
}

.list5 h4,
.list5 p,
.list5 h6 {
    color: #fff
}

.list5 .txt1 p {
    margin: .15rem 0 .3rem;
    opacity: .7;
    font-size: .14rem;
}

.list5 h6 {
    font-size: .16rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: right;
}

.list5 h6 span {
    position: relative;
}

.list5 .a1 dl dd:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -.3rem;
    background: #fff;
    opacity: .25;
    width: 100%;
    height: 1px;
}

.list5 .a1 dl dd:last-child:before {
    display: none
}

.list5 .a1 {
    height: 5.19rem;
    background: #861313;
    padding: .3rem .3rem 0
}

.list5 .a1 h6 {
    margin: .15rem 0 0
}

.list5 dd {
    margin-bottom: .56rem;
    position: relative;
}

dd {}

.list5 dd:last-child {
    margin-bottom: 0
}

.list6 {
    margin: .1rem -.27rem -.3rem;
}

.list6 li {
    width: 50%;
    padding: 0 .27rem;
    transition: transform 1s cubic-bezier(0.25, 0, 0, 1);
}

.list6 .a {
    padding: .3rem .15rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: .5s;
    border-bottom: #dcd7d0 1px dashed;
    align-items: center;
    margin: 0 -.15rem;
}

.list6 .time {
    width: .78rem;
    height: .78rem;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: .2rem;
    transition: .5s
}

.list6 .a .image {
    width: 1.5rem;
    margin-right: 0.2rem;
}

.home1 .fl02 li:hover .a {
    box-shadow: 3px 4px 24px -8px rgba(0, 0, 0, .5);
    transform: scale(1.02);
    background: rgba(255, 255, 255, .5);
}

.home1 .fl02 li .a:hover .slow .img_hezi {
    transform: scale(1.02);
}

.list6 .time h3 {
    font-size: .23rem;
    color: #861313;
    transition: .5s;
}

.list6 .time h6 {
    font-size: .14rem;
    color: #999999;
    margin-top: .02rem;
    transition: .5s;
}

.list6 .txt {
    flex: 1;
    overflow: hidden;
}

.list6 p {
    margin: .08rem 0 0;
    color: #666;
    font-size: .14rem;
    line-height: .24rem;
    max-height: .48rem\0;
}

.list6 li:nth-child(3) .a,
.list6 li:nth-child(4) .a {
    border: none
}

.home88 .wp {
    width: 14.3rem;
    padding: .84rem 0.15rem;
}

.home2 {
    overflow: hidden;
    background: #f9ecdc;
}

.home2 .tit1 {
    /* justify-content: flex-start; */
    /* margin-bottom: .5rem; */
    justify-content: space-between;
}

.home2 .right .tit1 .ll_li h3 {
    color: #fff
}

.home2 .wp {
    width: 14.3rem;
}

.home2 .left {
    padding: .84rem .86rem .84rem 0;
    width: 51.74%;
}

.home2 .right {
    padding: 0 0 0rem;
    width: calc(100% - 51.74%);
    position: relative;
    z-index: 1;
}

.home2 .right::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #861313;
    background-size: cover;
    width: calc((100vw - 8.3rem)/2 + 100%);
    z-index: -1;
}

.home2 .right .top {
    padding: .84rem .7rem .84rem;
    background: #861313;
    background-size: cover;
    position: relative;
    z-index: 1;
}

/* .home2 .right .top:before {
    content: "";
    position: absolute;
    background: url(../images/home2_b2_yy.png) center no-repeat;
    width: 100%;
    height: .36rem;
    background-size: 100% 100%;
    top: 100%;
    left: 0;
} */

.home2 .right .top .bg1 {
    position: absolute;
    top: .7rem;
    left: 23%;
    -webkit-animation: play 5s linear infinite;
    -moz-animation: play 5s linear infinite;
    animation: play 5s linear infinite;
}

.home2 .right .top .bg1 img {
    width: 2.64rem
}

.home2 .right .bg2 {
    position: absolute;
    top: 67.5%;
    left: -12%;
    -webkit-animation: play 5s linear infinite;
    -moz-animation: play 5s linear infinite;
    animation: play 5s linear infinite;
    z-index: -1;
    -moz-user-select: none;
    user-select: none;
}

.home2 .right .bg2 img {
    width: 2.64rem
}

.list8 {
    margin-bottom: 0;
padding-top: 0.15rem;}

.list8 li {
    margin-bottom: 30px;
    border-bottom: solid 1px #dc8194;
    padding-bottom: 30px;
}

.list8 .a {
    align-items: center;
}

.list8 .img {
    width: 1.4rem;
}

.list8 .img .img_hezi {
    padding-bottom: 70%;
}

.list8 .txt {
    width: calc(100% - 1.4rem);
    padding: 0 0 0 .3rem;
}

.list8 h4 {
    color: #fff
}

.list8 font {
    display: inline-block;
    min-width: .8rem;
    height: .27rem;
    border: rgba(255, 255, 255, .5) 1px solid;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    color: rgba(255, 255, 255, .5);
    line-height: .25rem;
    text-align: center;
    padding: 0 .06rem;
    margin: .2rem 0 .2rem;
}

.list8 h6 {
    font-family: 'Britannic Bold';
    font-size: .2rem;
    color: #fff;
    font-style: italic;
    margin: .15rem 0 0;
}

.list9 {
    padding: .6rem 0 0 .8rem;
}

.list9 li {
    margin-bottom: .35rem;
}

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

.list9 h4 {
    color: #fff;
}

.list9 .line {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .23);
    margin: .14rem 0 .16rem;
    position: relative;
    z-index: 1;
}

.list9 .line:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 1px;
}

.list9 font {
    display: inline-block;
    min-width: 1.17rem;
    line-height: .35rem;
    background: #76503a;
    text-align: center;
    padding: 0 .15rem;
    font-size: .16rem;
    color: #fff;
    display: none;
}

.home2 .left .content {
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    width: 100%;
    /* margin: -0.5rem 0 0; */
}

.home2 .left .content:before {
    content: "";
    position: absolute;
    top: 145px;
    bottom: 0;
    left: 50%;
    width: 1px;
    border-right: #96959e 1px dashed;
    margin-left: -1px;
    z-index: -1;
    height: 410px;
}

.miso-arrow2 {
    width: .37rem;
    height: .37rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    background: #e4e6ec;
    border: #9d9ca6 1px solid;
    transition: .5s
}

.miso-arrow2 svg {
    width: .2rem;
    height: .2rem;
    fill: #322f42;
    transition: .5s
}

.miso-arrow2:hover {
    background: #322f42;
    border: #322f42 1px solid;
}

.miso-arrow2:hover svg {
    fill: #fff;
}

.list10_box {
    position: relative;
    height: auto;
    z-index: 1;
    overflow: hidden;
    margin: 0rem -.15rem .0rem;
    width: calc(100% + .3rem);
    padding: .15rem 0;
}

.home2 .left .content:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: .37rem;
    left: 0;
    height: 46%;
    background-image: -moz-linear-gradient(-90deg, transparent, #fcfcfc);
    background-image: -webkit-linear-gradient(-90deg, transparent, #fcfcfc);
    background-image: -ms-linear-gradient(-90deg, transparent, #fcfcfc);
    z-index: 1;
    pointer-events: none;
    display: none;
}

.list10_box::-webkit-scrollbar {
    width: 1px;
    height: 8px;
    background-color: transparent;
}

.list10_box::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent
}

.list10_box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: transparent;
}

.list10_box:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .4)
}

.list10_box h3 {
    font-size: .28rem;
    color: #322f42;
    text-align: center;
    margin: 0 0 .32rem;
    background: #fcfcfc;
    padding: .1rem 0;
}

.list10 {}

.list10 .swiper-slide li:nth-child(3) {
    margin-top: -.7rem
}

.list10 .swiper-slide li:nth-child(4) {
    margin-top: .22rem;
}

.list10 .swiper-slide li:nth-child(1) .txt {
    background: #fbf4ec;
}

.list10 .swiper-slide li:nth-child(1) .txt h4 {
    color: #333;
}

.list10 .swiper-slide li:nth-child(1) .txt p {
    color: #666;
}

.list10 .swiper-slide li:nth-child(2) .txt {
    background: #284a8b;
}

.list10 .swiper-slide li:nth-child(3) .txt {
    background: #cda275;
}

.list10 .swiper-slide li:nth-child(4) .txt {
    background: #dae7f5;
}

.list10 .swiper-slide.swiper-slide-next+.swiper-slide li:last-child {
    opacity: 0
}

.list10_box.on .list10 .swiper-slide.swiper-slide-next+.swiper-slide li:last-child {
    opacity: 1;
}

.list10 .li {
    margin: 0 -.16rem
}

.list10 li {
    width: 50%
}

.list10 a {
    display: flex;
}

.list10 .ll {
    display: flex;
    width: 37px;
    height: 37px;
    /* background: #fff; */
    /* border: #95949d 1px dashed; */
    border-radius: 50%;
    justify-content: center;
    font-size: 12px;
    color: #999;
    transition: .5s;
    position: relative;
    z-index: 1;
    align-items: center;
    justify-content: center;
    padding: .02rem .02rem 0 0;
    top: 1.25rem;
    font-family: "PingFang SC", "PingFang SC-Regular";
    flex-direction: column;
    line-height: 1;
}

.list10 .ll big {
    font-size: 16px;
    color: #322f42;
    margin: 0 0 2px;
    display: block;
}

/* .list10 .ll:before {
    content: "";
    position: absolute;
    z-index: -1;
    background-image: -moz-linear-gradient( 45deg, #b60e42 1%, #8a042e 100%);
    background-image: -webkit-linear-gradient( 45deg, #b60e42 1%, #8a042e 100%);
    background-image: -ms-linear-gradient( 45deg, #b60e42 1%, #8a042e 100%);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    opacity: 0;
} */

.list10 .ll:after {
    content: "";
    position: absolute;
    background: url(../images/list10_line1.png) center no-repeat;
    width: .35rem;
    height: 1px;
    background-size: 100% 100%;
    right: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
}

.list10 .rr {
    flex: 1;
    overflow: hidden;
    padding: 0.2rem .3rem;
    transition: .5s;
}

.list10 .rr .txt {
    padding: 0 .28rem;
    height: 2.7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: .5s;
    box-shadow: 0px 5px 0.15rem 0px rgba(4, 22, 57, 0.1);
}

.list10 .rr .txt h4 {
    color: #fff
}

.list10 .rr .txt .line {
    width: .3rem;
    height: 2px;
    background: #ede5db;
    margin: .1rem 0 .15rem;
    opacity: .8;
}

.list10 .rr .txt p {
    color: #fff;
text-align: left;}

.list10 .swiper-slide1 {
    height: 1rem !important;
}

.list10 .swiper-slide li:nth-child(4) .rr .txt h4 {
    color: #333333
}

.list10 .swiper-slide li:nth-child(4) .rr .txt .line {
    background: #c5d0db;}

.list10 .swiper-slide li:nth-child(4) .rr .txt p {
    color: #666666
}

.list10 .swiper-slide li:nth-child(1) .ll {
    /* background: #fff url(../images/list10_i1.png) center no-repeat;
    background-size: 100% 100% !important; */
}

.list10 .swiper-slide li:nth-child(2) .ll {
    /* background: #fff url(../images/list10_i2.png) center no-repeat; */
    background-size: 100% 100% !important;
}

.list10 .swiper-slide li:nth-child(3) .ll {
    /* background: #fff url(../images/list10_i3.png) center no-repeat; */
    background-size: 100% 100% !important;
}

.list10 .swiper-slide li:nth-child(4) .ll {
    /* background: #fff url(../images/list10_i4.png) center no-repeat; */
    /* background-size: 100% 100% !important; */
}

.list10 .swiper-slide li:nth-child(1):hover .ll {
    /* background: #a80b3b url(../images/list10_i1on.png) center no-repeat;
    border: #a80b3b 1px dashed; */
}

.list10 .swiper-slide li:nth-child(2):hover .ll {
    /* background: #284a8b url(../images/list10_i2on.png) center no-repeat; */
    /* border: #284a8b 1px dashed; */
}

.list10 .swiper-slide li:nth-child(3):hover .ll {
    /* background: #cda275 url(../images/list10_i3on.png) center no-repeat; */
    /* border: #cda275 1px dashed; */
}

.list10 .swiper-slide li:nth-child(4):hover .ll {
    /* background: #92552f url(../images/list10_i4on.png) center no-repeat; */
    /* border: #92552f 1px dashed; */
}

.list10 li:nth-child(2n-1) a .ll {
    order: 1;
    margin-right: -38.5px;
}

.list10 li:nth-child(2n) a .ll {
    margin-left: -36.5px;
}

.list10 li:nth-child(2n) {
    margin-top: .9rem;
}

.list10 li:nth-child(2n) a .ll:after {
    left: 100%;
    background: url(../images/list10_line2.png) center no-repeat;
    background-size: 100% 100%;
}

.home3 {
    padding: .84rem 0;
    overflow: hidden;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
    background: url(../images/djzt.jpg) center no-repeat;
}

.home3 .tit1 {
    justify-content: space-between;
    align-items: center;
    margin-bottom: .3rem;
    padding: 0 0 0 .15rem;
}

.home3 .bg1 {
    position: absolute;
    top: -15%;
    left: -1%;
    width: 6rem;
    pointer-events: none;
    display: none;
}

.home3 .bg1 img {
    width: 100%;
}

.home3 .bg2 {
    position: absolute;
    bottom: -14%;
    right: -4%;
    width: 6rem;
    pointer-events: none;
    display: none;
}

.home3 .bg2 img {
    width: 100%;
}

.home3 .wp {
    width: 13.24rem;
}

.home3 .fl01 {
    width: 100%;
}

.home3 .left {
    width: 63%;
    background: #fff url(../images/home3_b2.png) center bottom no-repeat;
    background-size: 100% auto;
    padding-bottom: .5rem;
    position: relative;
    z-index: 1;
}

.home3 .left:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .03rem;
    background: #af1634
}

.home3 .right {
    width: calc(100% - 63%);
    padding: 0 0 0 5.6%;
}

.home3 .tit1 h3 a {
    color: #010101;
}

.home3 .list11 .more1 {
    color: #fff;
}

.home3 .more1 .a1 {}

.home3 .more1 .a1:hover {}

.home3 .more1 .a1 svg {}

.home3 .more1 .a1:hover svg {}

.home3 .list13 .h4s1 {}

.home3 .list13 .a:hover h4 {}

.home3 .list11 p {
    opacity: 1;
    color: #767676;
}

.home3 .list12 svg {
    width: 0.2rem;
    height: 0.2rem;
    fill: #000;
    transition: .5s;
}

.home3 .list12 .h4s1 {
    padding-left: .1rem;
}

.home3 .list12 li:hover svg {
    transform: translateX(0.1rem);
    fill: #861313;
}

.home3 .list12 li:hover .h4s1 {
    transform: translateX(0.1rem);
}

.list11 {
    margin-bottom: .28rem;
}

.list11 .img_box {
    position: relative;
    margin: -6px;
    padding: 6px
}

.list11 .img_box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: #960020 2px solid;
    opacity: 0;
}

.list11 .img .img_hezi {
    padding-bottom: 53.53%;
}

.list11 h4 {
    font-size: .24rem;
    margin: .36rem 0 .15rem;
}

.list11 p {
    opacity: .6
}

.list11 .txt {
    padding: 0 .4rem
}

.list12 {
    padding: 0 .4rem
}

.list12 li {
    border-bottom: rgba(98, 98, 98, .6) 1px dashed;
    display: flex;
    align-items: center;
}

.list12 li:last-child {
    border: none
}

.list12 .a {
    display: flex;
    height: .64rem;
    align-items: center;
}

.home3 .wp .fl01 .list12 a {
    width: calc(100% - 0.2rem);
}

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

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

.list13 h4 {
    margin: .2rem 0 0
}

.list13 .img_box {
    position: relative;
    margin: -6px;
    padding: 6px
}

.list13 .img_box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: #960020 2px solid;
    opacity: 0;
}

.list13 .img .img_hezi {
    padding-bottom: 53.14%
}

.home4 {
    padding: 0.84rem 0 1.1rem;
    background: url(../images/home4.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.home4 .wp {
    width: 13.8rem;
}

.home4 .tit1 {
    justify-content: space-between;
    align-items: center;
    margin-bottom: .3rem;
    padding: 0 0 0 .15rem;
}

.home4 .left {
    width: 40%;
}

.home4 .right {
    width: calc(100% - 40%);
}

.home4 .right .more1 a {
    transform: translateY(-1.2rem);
}

.list14_box {
    position: relative;
    z-index: 1;
}

.list14_box .tit1 {
    position: absolute;
    top: .5rem;
    left: .5rem;
    z-index: 100;
}

.list14_box .tit1 h3 {
    color: #fff;
}

.list14 .a {
    display: flex;
    position: relative;
    z-index: 1;
    align-items: flex-start
}

.list14 .img {
    width: 100%;
}

.list14 .img .img_hezi {
    padding-bottom: 5.98rem;
}

.list14 .img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/list14_t.png) center bottom no-repeat;
    background-size: 100% auto;
    opacity: .5;
}

.list14 .txt {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 .35rem;
    background: #af1634;
    transition: .5s;
    height: 100%;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transform: translateY(101%);
}

.list14 .txt:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -.1rem;
    border-top: transparent .1rem solid;
    border-bottom: transparent .1rem solid;
    border-right: #fff .1rem solid;
}

.list14 h4 {
    color: #fff;
    height: 1.2rem;
    margin-bottom: .24rem;
    transition: .5s;
}

.list14 .a .txt .h6s1 small {
    font-size: .16rem;
    color: #9d0c3a;
    margin-left: .06rem
}

.list14 .a .txt .h6s1 big {
    font-size: .32rem;
    color: #9d0c3a;
}

.list14 .txt p {
    opacity: .5;
    margin: .12rem 0 .16rem;
    line-height: .24rem;
    max-height: .72rem\0;
}

.list14_box .swiper-pagination {
    position: absolute;
    left: .3rem;
    width: 1.2rem;
    left: auto;
    bottom: .32rem;
    display: flex;
    justify-content: flex-end;
}

.list14_box .swiper-pagination span {
    opacity: 1;
    height: .13rem;
    width: .13rem;
    margin: 0 0 0 .12rem !important;
    transition: .5s
}

.list14_box .swiper-pagination span.active {
    background: #861313;
}

.list15 {
    display: flex;
    flex-wrap: wrap;
}

.list15 li {
    width: 33.33%;
}

.list15 .a {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.list15 .a .img {
    width: 100%;
}

.list15 li:nth-child(3) .a .img:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    border-top: transparent .1rem solid;
    border-bottom: transparent .1rem solid;
    border-left: #cda275 .1rem solid;
    display: none;
}

.list15 .a .img .img_hezi {
    padding-bottom: 2.99rem;
}

.list15 .a .txt {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 .35rem;
    background: #af1634;
    transition: .5s;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(101%);
    opacity: 0;
}

.list15 .a .txt h4 {
    height: 1.2rem;
    margin-bottom: .24rem;
    transition: .5s;
    color: #fff !important;
}

.list15 .a .txt .h6s1 small {
    font-size: .16rem;
    color: #fff;
    margin-left: .06rem
}

.list15 .a .txt .h6s1 big {
    font-size: .32rem;
    color: #fff;
}

.list15 li:nth-child(2) {
    margin-right: 33.33%;
}

.list15 li:nth-child(3) {
    margin-left: 33.33%;
}

.list15 li:nth-child(5) {
    transform: translateX(-100%)
}

.list15 li:nth-child(6) {
    transform: translateX(-100%)
}

.list15 li:nth-child(3n-2) .a .txt {
    background: #284a8b
}

.list15 li:nth-child(3n-1) .a .txt {
    background: #cda275
}

.home4 .more1 {
    position: relative;
    z-index: 10;
    text-align: center;
    margin-top: .6rem
}

.home4 .more1 .a1 {
    justify-content: center
}

.more1 * {
    transition: .5s;
}
.more1{
    display: flex;
    align-items: center;
}

.more1 .a1 {
    display: flex;
    align-items: center;
    font-size: .18rem;
    color: #505050;
}

.more1 .a1 svg {
    width: .22rem;
    height: .22rem;
    fill: #505050;
    margin: 0 .06rem 0 0;
    transition: .5s;
}

.home5 {
    /* padding: .95rem 0 1.75rem; */
    /* background: url(../images/home5.jpg) center no-repeat; */
    /* background-size: cover; */
    /* background-attachment: fixed; */
    position: relative;
    z-index: 2;
    overflow: hidden;
margin-top: -200px;top: 100px;}

.home5 .fl01 {
    position: relative
}

.home5 .fl01 .more1 {
    position: absolute;
    right: 7%;
    bottom: calc(-.11rem + 1.5rem);
}

.home5 .wp {
    width: 14.6rem;
}

.home5 .tit1 {
    justify-content: flex-start
}

.home5 .tit1 .ll_li {
    align-items: flex-end
}

.home5 .left {
    width: 100%;
    position: relative;
    z-index: 2;
}

.home5 .right {
    width: 50%;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}

.home5 .left .top {
    justify-content: flex-end;
    position: relative;
}

.home5 .left .top .img {
    width: 2.69rem;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
}

.home5 .left .img .img_hezi {
    padding-bottom: 74.51%;
    padding-bottom: 3rem;
}

.home5 .left .top .img .img_hezi {
    padding-bottom: 100%;
}

.list28_box {
    position: relative;
    z-index: 1
}

.list28_box .swiper-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .25rem;
    text-align: left;
    padding: 0 .3rem;
}

.list28_box .swiper-pagination span {
    opacity: 1;
    height: .1rem;
    width: .1rem;
    margin: 0 0 0 .12rem !important;
    transition: .5s;
}

.list28_box .swiper-pagination span.active {
    background: #861313;
}

.list16 {
    width: 100%;
}

.list16 li {
    width: 12.5%;
}

.list16 li .a {
    display: flex;
    height: 2rem;
    background: #8d2121;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-size: cover !important;
    transition: .5s;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.list16 li .a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover !important;
    z-index: -1;
}

.list16 li .a .ico img {
    height: .45rem;
    transition: .5s;
}

.list16 li .a h4 {
    font-size: .24rem;
    color: #fff !important;
    line-height: 1.75;
    margin-top: .15rem;
}

.list16 li:nth-child(1) .a::before {
    /* background: url(../images/list16_b1.jpg) center no-repeat; */
    background-size: cover;
}

.list16 li:nth-child(2) .a::before {
    background: url(../images/list16_b2.jpg) center no-repeat;
    background-size: cover;
}

.list16 li:nth-child(4) .a::before {
    background: url(../images/list16_b3.jpg) center no-repeat;
    background-size: cover;
}

.list16 li:nth-child(3) .a {
    /* background: #cda275; */
}

.list16 li:nth-child(1) {
    /* margin: 0 33.33%; */
}

.home5 .left .bottom {
    justify-content: flex-end
}

.home5 .left .bottom .list28_box {
    width: 66.66%;
    margin: 0;
}

.home5 .left .bottom .list16 {
    width: 33.33%;
}

.home5 .left .bottom .list16 li {
    width: 100%;
    margin: 0;
}

.home5 .left .bottom .list16 li .a::before {
    background: #284a8a;
}

.home5 .left .bottom .list16 li .a h4 {
    font-size: .24rem;
}

.list16s1 {
    position: absolute;
    top: -1.35rem;
    right: 0;
    width: 109%;
    z-index: -1;
}

.list16s1 li {
    width: 100%
}

.list16s1 li:nth-child(1) .a {
    height: 6.7rem;
}

.list16s1 li:nth-child(1) .a::before {
    background: url(../images/list16_b3.jpg) center no-repeat;
}

.list16s2 li:nth-child(1) .a::before {
    background: url(../images/list16_b4.jpg) center no-repeat;
}

.list16s2 {}

.home5 .right .img {}

.home5 .right .img .img_hezi {
    padding-bottom: 91.73%;
    padding-bottom: 6rem;
}

.home6 {
    /* position: relative; */
    /* z-index: 1; */
    /* overflow: hidden; */

    background-color: #f9ecdc;
            background-image: url(../images/bg2.png);
            background-repeat: no-repeat;
            background-position: right bottom;
            background-attachment: local;}

.home6 .bg1 {
    /* position: absolute; */
    /* top: 0; */
    /* width: 50%; */
    /* bottom: 0; */
    /* left: 0; */
    /* z-index: -1; */
    /* background: #f9ecdc; */
    /* background-size: cover; */
}

.home6 .bg2 {
    /* position: absolute; */
    /* top: 0; */
    /* width: 50%; */
    /* bottom: 0; */
    /* right: 0; */
    /* z-index: -1; */
    /* background: url(../images/home6_b2.jpg) center top no-repeat; */
    /* background: #f9ecdc; */
    /* background-size: cover; */
}

.home6 .wp {
    width: 14.6rem;
}

.home6 .left {
    width: 50%;
    padding: 1.84rem .3rem 0.64rem 0;
}

.home6 .right {
    width: 50%;
    padding: 1.84rem 0 0.84rem .45rem;
}

.home6 .tit1 {
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #e4ccad;
    padding-bottom: 20px;
position: relative;}
.home6 .tit1 .ll{
    display: flex;
    justify-content: flex-start;
}
.home6 .tit1 .ll .ll_li{
    /* margin-right: 8px; */
}
.home6 .tit1 .ll .ll_li .more1{
    position: absolute;
    right: 0;
}
.home6 .tit1 .ll .ll_li img{
    /* height:.28rem; */
}
.home6 .tit1 .ll .ll_li h3::after{
    content: "/";
    margin: 0 0.1rem;
text-align: center;width: 1px;height: 10px;}
.home6 .tit1 .ll .ll_li:last-child  h3::after{
    content: "";
    margin:0px;
}
.home6 .left .tit1 .ll_li h3 {
    color: #303030;
}

.home6 .left .tit1 .more1 svg {
    fill: #fff
}

.home6 .left .tit1 .more1 .a1 {
    color: #000;
}

.list17 {
    margin-bottom: -.4rem;
    padding: 0.18rem 0 0;
    margin-top: 0.3rem;
}

.list17 li {
    margin-bottom: .4rem
}

.list17 li h4 {
    font-size: .18rem;
    flex: 1;
    height: 0.24rem;
}

.list17 li .line {
    width: 100%;
    height: 2px;
    background: #eaeaea;
    margin: .4rem 0 0rem;
    position: relative;
    z-index: 1;
}

.list17 li .line:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #861313;
    transition: .5s;
}

.list17 li font {
    line-height: .35rem;
    text-align: center;
    font-size: .14rem;
    color: #2e2e2e;
}

.right .list17 li .line {
    background: #e4ccad;
}

.list17s {
    margin-top: -.25rem;
}

.list17s .time {
    font-size: .22rem;
    color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.list17s .time:before {
    content: "";
    position: absolute;
    top: 66%;
    background: #fff;
    opacity: .1;
    left: 1.8rem;
    height: 1px;
    right: 0;
}

.list17s .time big {
    font-size: .48rem;
    margin-right: .06rem;
}

.list17s h4 {
    color: #fff !important;
    margin: .15rem 0 .1rem;
}

.list17s p {
    color: #fff;
    opacity: .9;
}

.list17s1 {
    /* border-top: rgba(255,255,255,.5) 1px dashed; */
    padding: .18rem 0 0;
    margin-top: .3rem;
}

.list17s1 .a {
    line-height: .54rem;
    align-items: center;
    /* padding-left: .3rem; */
    border-bottom: #e4ccad 2px solid;
    transition: all .5s;
    padding: 0rem 0 .4rem;
    margin-bottom: 0.4rem;
}



.list17s1 .a:hover {
    padding-left: .4rem;
}

.list17s1 i {
    font-style: normal;
    color: #666;
    margin-left: .0rem;
    border-right: solid 1px #999999;
    padding-right: 30px;
}

.list17s1 i b {
    font-size: .33rem;
    color: #8d2121;
    /* margin-right: 10px; */
}

.list17s1 h4 {
    /* color: #000; */
    flex: 1;
    height: 0.24rem;
}

.list17s1 li {
    position: relative;
}

.list17s1 li:before {
    position: absolute;
    width: .2rem;
    height: .25rem;
    background: url(../fonts/d86d7ada94ae44ec845f9b6974bc9daf.woff);
}

.home7 {
    padding: .95rem 0 1.75rem;
    background: url(../images/home7.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.home7 .wp {
    width: 15.28rem;
    align-items: flex-end;
}

.home7 .left {
    width: 50%;
}

.home7 .right {
    width: 50%;
}

.home7 .tit1 {
    justify-content: flex-start
}

.home7 .alin_r .txt .list19 .alin_r {
    font-weight: 700;
    line-height: .4rem;
}

.list18 {
    justify-content: flex-end;
}

.list18 li {
    width: 50%
}

.list18 li .a {
    display: block;
    position: relative;
    z-index: 1;
    padding: .52rem .4rem 0;
    height: 3.2rem;
    overflow: hidden;
}

.list18 li .a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-size: cover !important;
    transition: .5s;
}

.list18 li:nth-child(1) .a:before {
    background: url(../images/list18_b1.jpg) center no-repeat;
    background-size: cover;
}

.list18 li:nth-child(2) .a:before {
    background: url(../images/list18_b2.jpg) center no-repeat;
    background-size: cover;
}

.list18 li:nth-child(3) .a:before {
    background: url(../images/list18_b3.jpg) center no-repeat;
    background-size: cover;
}

.list18 li .ico img {
    height: .46rem;
    transition: .5s;
}

.list18 li h4 {
    font-size: .26rem;
    color: #fff !important;
    line-height: 1.75;
    margin: .12rem 0 0;
}

@keyframes beat {

    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

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

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

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

    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

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

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

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

@-webkit-keyframes beat {

    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

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

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

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

    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

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

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

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

.right .list18 {
    justify-content: flex-start;
}

.right .list18 li:nth-child(1) .a:before {
    background: url(../images/list18_b4.jpg) center no-repeat;
    background-size: cover;
}

.right .list18 li:nth-child(2) .a:before {
    background: url(../images/list18_b5.jpg) center no-repeat;
    background-size: cover;
}

.right .list18 li:nth-child(3) .a:before {
    background: url(../images/list18_b6.jpg) center no-repeat;
    background-size: cover;
}

.right .list18 li:nth-child(1) {
    width: 60%;
}

.right .list18 li:nth-child(1) .a {
    height: 5.4rem;
}

.right .list18 li:nth-child(2) {
    width: 60%;
}

.right .list18 li:nth-child(3) {
    width: 40%;
}

.list19 {
    margin: .2rem 0 0
}

.list19 dd .a1 {
    align-items: center;
    height: .54rem
}

.list19 dd .a1 h5 {
    font-size: .2rem;
    color: #fff;
    width: auto;
    transition: .5s;
    margin-right: .2rem;
}

.list19 dd .a1 svg {
    width: .27rem;
    height: .27rem;
    fill: #fff;
    transition: .5s
}

.home89 {
    padding: 0;
    background: url(../images/home8.jpg) center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.home8 {
    padding: 1.3rem 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.home8 .wp {
    width: 19.2rem;
    max-width: 100%;
    padding: 0 0 0 2.68rem;
}

.home8 .left {
    width: calc(100% - 8.14rem);
}

.home8 .right {
    width: 8.14rem;
    text-align: center;
    padding: 1.38rem 0 0;
}

.home8 .tit1 {
    justify-content: space-between;
    align-items: center;
}

.home8 .left>.swiper-container {
    overflow: visible
}

.miso_tab1 {
    width: 7.35rem;
    height: 7.35rem;
    position: relative;
    z-index: 1;
    margin: 0 auto;
}

.miso_tab1>img {
    width: 100%;
    height: 100%;
    filter: drop-shadow(13.071px 20.128px 21px rgba(0, 0, 0, 0.36));
}

.list20 {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.list20 li {
    position: absolute;
}

.list20 li img.img1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: .5s;
}

.list20 li img.img2 {
    opacity: 0;
    visibility: hidden
}

.list20 li:nth-child(1) {
    width: 3.57rem;
    height: 2.43rem;
    top: 0;
    left: .9rem;
}

.list20 li:nth-child(2) {
    width: 2.95rem;
    height: 2.86rem;
    top: .09rem;
    right: .35rem;
}

.list20 li:nth-child(3) {
    width: 2.15rem;
    height: 3.26rem;
    top: 2.12rem;
    right: 0;
}

.list20 li:nth-child(4) {
    width: 2.90rem;
    height: 2.73rem;
    bottom: .09rem;
    right: .41rem;
}

.list20 li:nth-child(5) {
    width: 2.97rem;
    height: 2.27rem;
    bottom: .0rem;
    left: 1.58rem;
}

.list20 li:nth-child(6) {
    width: 2.6rem;
    height: 2.91rem;
    bottom: .64rem;
    left: .02rem;
}

.list20 li:nth-child(7) {
    width: 2.43rem;
    height: 2.87rem;
    top: 1.26rem;
    left: 0;
}

.list20 li .top {
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    transition: .5s
}

.list20 li .top .txt {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.list20 li .top img {
    width: 1.05rem;
    height: 1.05rem
}

.list20 li .top h4 {
    font-size: .16rem;
    color: #fff;
    font-weight: 600;
    margin: .02rem 0 .06rem
}

.list20 li .top h6 {
    font-size: .13rem;
    color: #fff;
    line-height: 1.375;
    opacity: .3;
    width: 1rem;
}

.list20 li:nth-child(1) .top .txt {
    transform: rotate(-22deg) translate(.08rem, -.08rem);
}

.list20 li:nth-child(2) .top .txt {
    transform: rotate(39deg) translate(-.08rem, .08rem);
}

.list20 li:nth-child(3) .top .txt {
    transform: rotate(-84deg);
}

.list20 li:nth-child(4) .top .txt {
    transform: rotate(-38deg) translate(-.08rem, -.15rem);
}

.list20 li:nth-child(5) .top .txt {
    transform: rotate(15deg) translate(.08rem, .08rem);
}

.list20 li:nth-child(6) .top .txt {
    transform: rotate(53deg) translate(-.08rem, -.15rem);
}

.list20 li:nth-child(7) .top .txt {
    transform: rotate(12deg) translate(-.08rem, .08rem);
}

.list20 li.on img.img1,
.list20 li.on .top {
    opacity: 0;
    visibility: hidden
}

.list20 li.on img.img2 {
    opacity: 1;
    visibility: visible
}

.list21_w {
    position: relative;
    z-index: 1;
    padding-bottom: .06rem;
}

.list21_w::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    border-bottom: rgba(0, 0, 0, .1) 1px dashed;
    bottom: .27rem;
}

.list21 li .a {
    display: block;
    position: relative;
    z-index: 1;
}

.list21 li .img .img_hezi {
    padding-bottom: 133.46%;
}

.list21 li .txt {
    padding: .2rem .2rem 0;
}

.list21 li h4 {
    margin-bottom: .4rem;
}

.list21 li h6 {
    font-size: .16rem;
    color: #777;
    line-height: .28rem;
    height: .56rem;
    position: relative;
    font-family: Georgia;
    margin-bottom: .04rem;
    background: url(../fonts/737f29c7c982448c89173197c37a075e.woff) 1px dashed;
    border-radius: 50%;
    bottom: 0;
    width: .51rem;
    height: .51rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f0f0;
    cursor: pointer;
    transition: .5s;
}

.miso-arrow3 svg {
    width: .3rem;
    height: .3rem;
    fill: #a7a6a4
}

.miso-arrow3.prev {
    left: -.51rem;
}

.miso-arrow3.next {
    right: -.51rem
}

.home9 {
    padding: 0 0 1.4rem;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.home9 .wp {
    width: 14.16rem;
}

.home9 .left {
    width: calc(100% - 5.54rem);
    position: relative;
    z-index: 1;
    padding: 0 1.8rem 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home9 .left::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc((100vw - 14.16rem)/2 + 100%);
    background: url(../images/home9_bg1.jpg) center no-repeat;
    background-size: cover;
    z-index: -1;
}

.home9 .right {
    width: 5.54rem;
    position: relative;
    z-index: 1;
}

.home9 .right .wz {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.home9 .right .wz img {
    width: 1.56rem
}

.home9 .left .tit1 {
    justify-content: space-between;
    align-items: center
}

.home9 .left .tit1 .ll_li h3 {
    color: #fff
}

.home9 .left .tit1 .more1 svg {
    fill: #fff
}

.home9 .left .tit1 .more1 .a1 {
    color: #fff
}

.list22 {
    width: 100%;
}

.list22 li h3 {
    font-size: .24rem;
    color: #fff;
    line-height: .4rem;
}

.list22 li h4 {
    font-size: .24rem;
    color: #fff;
    line-height: .4rem;
    max-height: .8rem\0;
    width: 5.34rem;
    max-width: 100%;
    margin: .04rem 0 .16rem;
}

.list22 li p {
    font-size: .14rem;
    color: #fff;
}

.list23 {
    margin-top: .75rem;
    width: 100%;
}

.list23 li {
    padding: 0 .28rem;
    width: 33.33%;
    position: relative;
    position: relative;
    z-index: 1;
}

.list23 li::before {
    content: "";
    position: absolute;
    width: 1px;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .4);
    height: 100%
}

.list23 li::after {
    content: "";
    position: absolute;
    width: 1px;
    top: 0;
    left: 0;
    background: #f1ca96;
    height: 0
}

.list23 li h4 {
    font-size: .18rem;
    color: #fff;
    line-height: .3rem;
    margin: .2rem 0 .2rem;
    transition: .5s;
}

.list23 li h6 svg {
    fill: #fff;
    width: .22rem;
    height: .22rem
}

.miso_by {
    width: 4.68rem;
    height: 9.60rem;
    position: relative;
    z-index: 1;
}

.list24 li {
    position: absolute;
    width: 1.56rem;
    height: 1.56rem;
    top: 0;
    right: 0;
}

.list24 li .img {
    transition: .5s
}

.list24 li .img .img_hezi {
    padding-bottom: 100%;
}

.list24 li .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.list24 li .top h4 {
    font-size: .22rem;
    color: #fff
}

.list24 li:nth-child(1) {
    top: .93rem;
    right: 3.08rem
}

.list24 li:nth-child(2) {
    top: 2.06rem;
    right: 1.52rem
}

.list24 li:nth-child(3) {
    top: 3.8rem;
    right: .94rem
}

.list24 li:nth-child(4) {
    top: 5.52rem;
    right: 1.34rem
}

.list24 li:nth-child(5) {
    top: 6.86rem;
    right: 2.52rem
}

.miso_video {
    position: absolute;
    top: 50%;
    right: 3rem;
    width: 3.32rem;
    z-index: 10;
    border-radius: 50%;
    overflow: hidden;
    transform: translateY(-50%);
}

.miso_video .a {
    display: block;
    position: relative;
    z-index: 1
}

.miso_video .img {
    transition: 0s;
    transform: rotate(0) !important;
}

.miso_video .img .img_hezi {
    padding-bottom: 100%
}

.miso_video .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.miso_video .top svg {
    width: .7rem;
    height: .7rem;
    fill: #fff;
}

.vwrap {
    display: none;
    z-index: 1040000;
    width: 100%;
    position: fixed;
}

.vwrap .videobtg {
    z-index: 900;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    overflow: hidden;
}

.vwrap .videobox {
    z-index: 1200;
    width: 1000px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -500px;
    object-fit: cover;
    transform: translateY(-50%)
}

.vwrap .videobox #videobox {
    width: 100%;
    display: inline-block;
    background: #000;
}

.vwrap .videobox #videobox .img_hezi {
    padding-bottom: 60% !important
}

.vwrap .videobox #videobox video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#videobox_wrapper {
    height: 100% !important;
}

.vwrap .close {
    z-index: 999;
    width: 31px;
    height: 31px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: -42px;
    text-align: center;
}

.vwrap .close i {
    display: block;
    width: 31px;
    height: 31px;
    -webkit-transition: 400ms;
    transition: 400ms;
}

.vwrap .close i svg {
    transition: .6s
}

.vwrap .close:hover i svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.list_box_nav_mobile > li .box {
    display: none;
}
.language {
    width: 60px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    /* float: right; */
    text-align: right;
    /* padding-top: 20px; */
    position: fixed;
    right: 20px;
}
.language a { display: block; height: 35px; line-height: 35px; font-size: 15px; }
.language a.searchBtn { background: url("../images/iSearch1.png") right center no-repeat; padding-right: 20px; }
.language a:link, .language a:visited { color: rgb(255, 255, 255); }
.language a:hover { color: rgb(255, 255, 255); }
.search {
    width: 240px;
    height: 28px;
    background: rgb(255, 255, 255);
    /* border: 2px solid rgb(164, 69, 69); */
    overflow: hidden;
    position: absolute;
    right: 0px;
    /* bottom: 17px; */
    z-index: 1000;
    display: none;
    padding: 0 0px 0 10px;
}
.search .keyValue { width: calc(100% - 48px); height: 30px; line-height: 30px; padding-left: 8px; background: none; border: 0px; margin: 0px; float: left; font-size: 14px; color: rgb(51, 51, 51); }
.search .keyValue::placeholder { color: rgb(170, 170, 170); }
.search .submitBtn {
    display: block;
    width: 40px;
    height: 30px;
    background: url(../images/iSearch1.png) center center no-repeat rgb(175, 31, 49);
    cursor: pointer;
    border: 0px;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-left: 8px;
}

@media(max-width: 992px) {
    .vwrap .videobox {
        width: 94%;
        left: 3%;
        margin-left: 0;
    }

    .vwrap .close {
        right: 0;
        top: -35px;
    }
}


.circle span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: #fff 1px solid;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-animation: circleScale 3s linear infinite;
    -moz-animation: circleScale 3s linear infinite;
    -ms-animation: circleScale 3s linear infinite;
    animation: circleScale 3s linear infinite;
    transition: .5s
}

.circle span:nth-of-type(2) {
    animation-delay: 1s;
}

.circle span:nth-of-type(3) {
    animation-delay: 2s;
}

@keyframes circleScale {
    0% {
        opacity: .5;
        -webkit-transform: scale(0.4);
        -moz-transform: scale(0.4);
        -ms-transform: scale(0.4);
        transform: scale(0.4);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes circleScale1 {
    0% {
        opacity: .5;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    60% {
        opacity: .5;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -ms-transform: scale(3);
        transform: scale(3);
    }
}

.home9 .bg_box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
}

.home9 .bg {
    background-size: cover;
    -webkit-animation: swipershubaio1 10s infinite linear;
    animation: swipershubaio1 10s infinite linear;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.home9 .bg .bg_li {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.home9 .bg .span1 {
    background: url(../images/ss_y_bg1.png) center no-repeat;
    position: absolute;
    width: 11.35rem;
    height: 9.21rem;
    display: block;
    top: 50%;
    right: 0;
    transform: translate(0, -65%) scale(1);
    background-size: cover;
}

.home10 {
    padding: 0 0 .9rem;
    overflow: hidden;
    background: url(../images/home10.jpg) center no-repeat;
    background-size: cover;
}

.home10 .fl01 {
    position: relative;
    z-index: 10
}

.home10 .fl01 .wp {
    width: 14rem;
}

.home10 .tit1 h3 {
    color: #fff;
}

.home10 .fl01 .left {
    width: 2.4rem;
    padding: .56rem 0 0;
}

.home10 .fl01 .left .tit1 {
    justify-content: flex-start;
    margin-bottom: 0;
}

.home10 .fl01 .right {
    width: calc(100% - 2.4rem);
}

.home10 .fl01 .right .miso_tab2 {
    width: 5rem;
    float: right;
}

.list25 {
    margin: 0 -.08rem;
    margin-right: -.9rem;
}

.list25 li {
    flex: 1;
    padding: 0 .08rem;
}

.list25 li:last-child {
    display: none;
}

.home10 .list25 li:last-child {
    display: block;
}

.list25 li .a {
    display: flex;
    height: 2.89rem;
    justify-content: center;
    transition: .5s;
    background: url(../images/list25_b1.png) center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.list25 li .a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-101%);
    opacity: 0;
    background: url(../images/list25_b1_on.jpg) center no-repeat;
    background-size: cover;
    z-index: -1;
}

.list25 li .a h4 {
    font-size: .3rem;
    color: rgba(255, 255, 255, .4);
    width: .3rem;
    padding: .32rem 0;
    transition: .5s;
    line-height: 1.03;
}

.home10 .fl02 {
    margin: -.2rem 0 0
}

.home10 .fl02 .wp {
    width: 19.2rem;
    max-width: 100%;
}

.list25 li.on .a::before {
    transform: translateY(0);
    opacity: 1;
}

.list25 li.on .a h4 {
    font-weight: 600;
    color: #fff;
}

.list26_box {
    position: relative;
    z-index: 1;
}

.list26 {}

.list26 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.17rem;
    margin-bottom: -.4rem;
}

.list26 li {
    width: 25%;
    padding: 0 .17rem;
    margin-bottom: .4rem;
}

.list26 li .a {
    display: block;
    margin: 0 0 0 .12rem;
    position: relative;
    z-index: 1
}

.list26 li .a .txt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.list26 li .a .img:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/list14_t.png) center 102% no-repeat;
    background-size: 101% 70%;
}

.list26 li h6 {
    width: .93rem;
    height: .3rem;
    background: #861313;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .14rem;
    color: #fff;
    position: relative;
    left: -.12rem;
}

.list26 li h4 {
    font-size: .16rem;
    color: rgba(255, 255, 255, .7);
    line-height: .32rem;
    height: .64rem;
    padding: 0 .2rem;
    margin: .12rem 0 .16rem;
}

.list26 li:nth-child(3) {
    margin-right: 25%;
}

.list26 li:nth-child(4) {
    margin-left: 25%;
}

.miso-arrow4 {
    position: absolute;
    width: .84rem;
    height: .84rem;
    border: rgba(255, 255, 255, .5) 1px solid;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    cursor: pointer;
    z-index: 10;
}

.miso-arrow4 .dot {
    width: .84rem;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.miso-arrow4 .dot span {
    display: inline-block;
    width: .12rem;
    height: .12rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 50%
}

.miso-arrow4.prev .dot span:nth-child(1) {
    opacity: .1
}

.miso-arrow4.prev .dot span:nth-child(2) {
    opacity: .2
}

.miso-arrow4.prev .dot span:nth-child(3) {
    opacity: .3
}

.miso-arrow4.next .dot span:nth-child(1) {
    opacity: .3
}

.miso-arrow4.next .dot span:nth-child(2) {
    opacity: .2
}

.miso-arrow4.next .dot span:nth-child(3) {
    opacity: .1
}

.miso-arrow4 svg {
    width: .4rem;
    height: .4rem;
    fill: rgba(255, 255, 255, .5)
}

.miso-arrow4.prev {
    bottom: 16%;
    left: 8%
}

.miso-arrow4.next {
    top: 16%;
    right: 8%
}

.miso-arrow4.prev .dot {
    left: 150%
}

.miso-arrow4.next .dot {
    right: 150%
}

.list27 {
    justify-content: space-around;
    overflow: hidden;
    padding: .2rem 0;
    margin: -.2rem 0;
}

.list27 li {
    font-size: .16rem;
    color: #9f9f9f;
    line-height: .5rem;
    position: relative;
    z-index: 1;
    transition: .5s;
}

.list27 li:before {
    content: "";
    position: absolute;
    top: 0;
    width: 200vw;
    height: 1px;
    background: rgba(255, 255, 255, .06);
    left: 50%;
    margin-left: -100vw;
}

.list27 li a {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.list27 li a:before {
    content: "";
    position: absolute;
    width: .76rem;
    height: .76rem;
    background: url(../fonts/d0260c2e4c274665aa6d038616c8ae61.woff);
    margin: 0 0 0 .06rem
}

.list27 li:nth-child(2) {
    margin: .5rem 0 0
}

.list27 li:nth-child(3) {
    margin: 1rem 0 0
}

.list27 li:nth-child(4) {
    margin: 1.5rem 0 0
}

.list27 li:nth-child(5) {
    margin: 2rem 0 0
}

.list27 li:nth-child(2) a:before {
    background: url(../images/list27_i2.png) center no-repeat;
    left: -.76rem;
    transform: translateY(-.04rem)
}

.list27 li:nth-child(3) a:before {
    background: url(../images/list27_i3.png) center no-repeat;
    left: -.86rem;
    transform: translateY(-.04rem)
}

.list27 li:nth-child(4) a:before {
    background: url(../images/list27_i4.png) center no-repeat;
    left: -.76rem;
    transform: translateY(-.15rem)
}

.list27 li:nth-child(4):after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 1px;
    background: rgba(255, 255, 255, .06);
    left: -50vw
}

.list28 {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .2rem;
    width: 100%;
}

.list28 li {
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin-left: .2rem;
}

.list28 li .ico {
    width: .5rem;
    height: .5rem;
    border: rgba(255, 255, 255, .2) 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s
}

.list28 li .ico svg {
    width: .22rem;
    height: .22rem;
    fill: #fff;
    opacity: .65;
    transition: .5s;
}

.list28 li .ewm {
    position: absolute;
    bottom: 124%;
    left: 50%;
    width: 1.14rem;
    padding: 0;
    transform: translate(-50%, .1rem);
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    overflow: hidden;
}

.list28 li .ewm img {
    width: 100%;
}

.list28 li .ewm .con {
    border: rgba(255, 255, 255, .2) 1px solid;
    padding: .12rem;
}

.list28 li .ewm h6 {
    font-size: 12px;
    color: #8f8f8f;
    line-height: 1.5;
    text-align: center;
    margin: .06rem 0 0;
}

.list28 li:hover .ico {
    background: #fff
}

.list28 li:hover .ico svg {
    fill: #1d1d1d;
    opacity: 1
}

.list28 li:hover .ewm {
    transform: translate(-50%, 0);
    opacity: 1;
    visibility: visible;
}

.list28 li:nth-child(1):hover .ico svg {
    fill: #28c445;
}

.list28 li:nth-child(2):hover .ico svg {
    fill: #f56467;
}

.list28 li:nth-child(4):hover .ico svg {
    fill: #ff509b;
}

.list28 li:nth-child(3):hover .ico svg {
    fill: #000000;
}

footer .fl03 {
    padding: .35rem 0 0;
    text-align: center;
}

footer .fl03 p {
    font-size: 12px;
    color: #dedede;
    line-height: 1.5;
}

.n_banner {
    position: relative;
    z-index: 1;
}

.n_banner .wp {
    width: 14.2rem;
}

.n_banner .img .img_hezi {
    padding-bottom: 30%;
}

.n_container {
    padding: .45rem 0 1.25rem;
    position: relative;
    z-index: 1;
}

.mianbao .wp,
.n_container .wp {
    width: 15.62rem;
}

.mianbao .wp {
    justify-content: space-between;
    height: 1.3rem;
    align-items: flex-start;
}

.mianbao .dq {
    width: 66%;
    height: 0.71rem;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
padding: 1rem 0 0 3.24rem;}

.mianbao .dq:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;/* background: #fff url(../images/mianbao_yj1.png) right top no-repeat; */
    /* border-radius: 0 .76rem 0 0; */
    z-index: -1;
    
}

.mianbao .dq h2 {
    font-size: 0.36rem;
    color: #222222;
    position: relative;
    padding-right: 3%;
    font-weight: bold;
}

.mianbao .dq h6 {
    font-size: .32rem;
    color: #222222;
    opacity: .08;
    text-transform: uppercase;
    margin-top: -0.75rem;
    font-family: 'Celtic Garamond';
    position: absolute;
    top: 1.7rem;
}

.mianbao .con {
    width: 34%;
    /* align-self: flex-end; */
    height: .71rem;
    line-height: 0.71rem;/* position: relative; */
    z-index: 1;
    /* background: #fff; */
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-left: 5%;
    transform: translateX(-1px);
padding-top: 0.85rem;}

.mianbao .con:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: .88rem;
    bottom: 0;
    /* background: #9e0c3b; */
    z-index: -1;
}

.mianbao .con:after {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    background: #ffffff;/* background: url(../images/mianbao_yj2.png) -.01rem top no-repeat; */
    /* border-radius: 0 0 0 .76rem; */
    z-index: -1;
    background-size: .92rem .72rem;
}

.mianbao {
    position: relative;
    z-index: 1;
    margin: -.6rem 0 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: .3rem;
}

.mianbao::after {
    content: "";
    position: absolute;
    /* background: url(../images/mianbao_b1.png) center no-repeat; */
    width: 2.64rem;
    height: 1.57rem;
    left: 55%;
    top: 0;
    z-index: 1;
}

.mianbao * {
    font-size: .16rem;
    color: #333;
    font-style: normal;
    line-height: 1.5;
}

.mianbao span {
    margin: 0 .1rem;
}

.mianbao img {
    margin: 0 .12rem 0 0;
    height: .2rem;
}

.n_left1 {
    width: 2.54rem;
    position: relative;
    z-index: 1;
    padding: 0 .12rem 0 0;
}

.n_right1 {
    width: calc(100% - 2.54rem);
    padding: 0 0 0 .7rem;
}

.list_ej {
    position: relative;
    z-index: 1;
    background: #f7f8fb;
    border-left: #9e0c3b 3px solid;
}

.list_ej li>a {
    display: flex;
    align-items: center;
    font-size: .2rem;
    color: #222222;
    padding: 0 0.32rem;
    position: relative;
    z-index: 1;
    border-bottom: #f0f1f3 1px solid;
    transition: .5s;
    line-height: .3rem;
    padding: 0.2rem 0.32rem;
}

.list_ej li>a::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 0;
    background: #9f113f;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: .5s;
}

.list_ej li {
    position: relative;
}

.list_ej li span {
    position: absolute;
    background: url(../images/left_nav.png) center no-repeat;
    width: .2rem;
    height: .2rem;
    right: .15rem;
    top: .34rem;
    transform: translateY(-50%);
    cursor: pointer;
    background-size: cover;
    z-index: 1;
    transition: all .5s;
}

.list_ej li span.on {
    background: url(../images/left_nav_on.png) center no-repeat;
    background-size: cover;
    transform: rotate(-90deg) translateX(10px);
}

.list_ej li.on span {
    background: url(../images/left_nav_on.png) center no-repeat;
    background-size: cover;
}

.list_ej li .box {
    display: none;
}

.list_ej li.on .box {
    display: block;
}

.list_ej li.on>a::before,
.list_ej li:hover>a::before {
    width: 105%;
    opacity: 1;
    box-shadow: 0px 6px 21px 0px rgba(116, 9, 44, 0.2);
}

.list_ej li.on>a::after,
.list_ej li:hover>a::after {
    transform: translateX(.12rem)
}

.list_ej li.on>a,
.list_ej li:hover>a {
    color: #fff;
    padding-left: .42rem;
}

.list_ej li .box {
    padding: .1rem .32rem;
    background: #f9f7f4;
}

.list_ej li .box .box {
    padding: 0.1rem;
    display: none;
}

.list_ej li .box a {
    display: block;
    font-size: .16rem;
    color: #555;
    line-height: 1.8;
    margin: .1rem 0;
    transition: .5s;
    margin-left: .12rem;
    position: relative;
}

.list_ej li .box span {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 0.03rem;
    right: 0rem;
    top: 50%;
    background: #cfd7ea;
    transform: translateY(-50%);
}

.list_ej li .box a:after {
    position: absolute;
    z-index: 1;
    width: 10px;
    background: #dedede;
    height: 3px;
    right: 0rem;
    top: 50%;
    margin-top: -0.015rem;
}

.list_ej li .box a:hover {
    color: #9f113f
}

.list_ej li.on .box a.on {
    color: #9f113f;
}

.list_ej li.on .box a::after {
    background: #9f113f;
}

.list_ej li .list_sj a {
    padding: 0.1rem 0;
    margin: 0;
    height: auto;
}

.list_ej li .list_sj a:before {
    display: none;
}

.list_ej li .list_sj .list_wj {
    padding-left: .2rem;
}

.list_wj {
    display: none;
}

.list_ej li .box .list_wj li a {
    font-size: .14rem;
}

.list_ej li.on .box .list_sj li a {
    color: #555;
}

.list_ej li.on .box .list_sj li.on a {
    color: #9f113f;
}

.list_ej li.on .box .list_sj li.on .list_wj a {
    color: #555;
}

.list_ej li.on .box .list_sj li.on .list_wj li.on a {
    color: #9f113f;
}

.list_sj li.on .list_wj {
    display: block;
}

.Article-description {
    padding-left: 25px;
    border-left: 10px solid #eee;
    color: #9b9b9b;
    font-size: 12px;
    text-align: justify;
    font-size: 14px;
    margin: .5rem auto;
    width: 600px;
}

.LectureInfo p {
    padding-left: .3rem;
    font-size: .16rem;
    position: relative;
    line-height: 2;
}

.Article-description p {
    color: #4a4a4a;
    margin-bottom: 0.1rem;
}

.LectureTime:before,
.LectureAdd:before,
.LecturePerson:before,
.LectureUnit:before,
.ContactPerson:before,
.InvitePerson:before {
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    font-family: "iconfont";
    color: #C8171E;
}

.LectureTime:before {
    content: "\e61e";
}

.LectureAdd:before {
    content: "\e616";
}

.LecturePerson:before {
    content: "\e61f";
}

.LectureUnit:before {
    content: "\e620";
}

.ContactPerson:before {
    content: "\e645";
}

.InvitePerson:before {
    content: "\e7dd";
}

.teacherList01 {
    margin-bottom: 0.3rem;
}

.teacherList01 h5 {
    font-size: 0.34rem;
    color: #000000;
    font-weight: normal;
    position: relative;
    padding-bottom: 18px;
}

.teacherList01 h5::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #9f113f;
    width: 0.68rem;
    height: 4px;
}

.teacherList01 p {
    font-size: 0.14rem;
    line-height: 0.24rem;
    color: #1d1d22;
    margin-top: 0.4rem;
}

.teacherBox {}

.teacherBox .w12 {
    position: relative;
}

.teacherBox .tabNews {
    width: 100%;
    position: relative;
    z-index: 4;
}

.teacherBox .tabNews::before {
    content: "";
    position: absolute;
    right: 0;
    background: #e3e3e3;
    height: 1px;
    top: 50%;
    margin-top: -0.5px;
    width: 100%;
    z-index: 3;
}

.teacherBox .tabNews .teacherTitle {
    cursor: pointer;
    float: left;
    display: inline-block;
    position: relative;
    z-index: 8;
    background: white;
}

.teacherBox .tabNews .teacherTitle p {
    font-size: 0.14rem;
    color: #791cb5;
    font-weight: normal;
    text-align: center;
    border: 1px solid #791cb5;
}

.teacherBox .tabNews .teacherTitle p a {
    padding: 0.09rem 0.22rem;
    display: block;
}

.teacherBox .tabNews .teacherTitle.cur {
    position: relative;
}

.teacherBox .tabNews .teacherTitle.cur::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 0.1rem solid transparent;
    border-top-color: #791cb5;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    left: 50%;
    margin-left: -0.05rem;
}

.teacherBox .tabNews .teacherTitle.cur p {
    color: #FFFFFF;
    position: relative;
    background: #791cb5;
}

.teacherBox .swiper-container {
    width: 100%;
    margin-top: 0.3rem;
}

.teacherBox .swiper-slide {}

.teacherBox .swiper-slide ul {
    margin-left: -0.5rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.teacherBox .swiper-slide ul li {
    float: left;
    margin-left: 0.5rem;
    width: 1.4rem;
    margin-bottom: 0.3rem;
}

.teacherBox .swiper-slide ul li .pic {
    width: 1.4rem;
    height: 1.87rem;
    overflow: hidden;
}

.teacherBox .swiper-slide ul li .pic img {
    width: 100%;
    height: 100%;
    transition: 0.4s;
}

.teacherBox .swiper-slide ul li .pic img:hover {
    transform: scale(1.1);
    transition: 0.4s;
}

.teacherBox .swiper-slide ul li p {
    font-size: 0.18rem;
    color: #000000;
    position: relative;
    display: inline-block;
    padding-bottom: 0.1rem;
    margin: 0.1rem;
}

.teacherBox .swiper-slide ul li p::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #862480;
    width: 65%;
    height: 4px;
    transition: 0.4s;
}

.teacherBox .swiper-slide ul li p:hover {
    color: #862480;
}

.teacherBox .swiper-slide ul li p:hover::after {
    width: 100%;
    transition: 0.4s;
}

@media(max-width: 800px) {
    .teacherList01 h5 {
        font-size: 0.28rem;
        position: relative;
        padding-bottom: 18px;
    }

    .teacherList01 h5::after {
        width: 0.98rem;
        height: 4px;
    }

    .teacherList01 p {
        font-size: 0.26rem;
        line-height: 0.5rem;
        color: #1d1d22;
        margin-top: 0.3rem;
    }

    .teacherBox .tabNews .teacherTitle p {
        font-size: 0.26rem;
        border: 1px solid #791cb5;
    }

    .teacherBox .tabNews .teacherTitle p a {
        padding: 0.1rem 0.2rem;
    }

    .teacherBox .tabNews .teacherTitle.cur::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border: 0.2rem solid transparent;
        border-top-color: #791cb5;
        border-bottom: none;
        border-left-color: transparent;
        border-right-color: transparent;
        left: 50%;
        margin-left: -0.1rem;
    }

    .teacherBox .swiper-container {
        width: 100%;
        margin-top: 0.45rem;
    }

    .teacherBox .swiper-slide ul {}

    .teacherBox .swiper-slide ul li {
        margin-left: 0.3rem;
        width: calc(33.333% - 0.3rem);
        margin-bottom: 0.3rem;
    }

    .teacherBox .swiper-slide ul li .pic {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .teacherBox .swiper-slide ul li p {
        font-size: 0.34rem;
        color: #000000;
        position: relative;
        display: inline-block;
        padding-bottom: 0.2rem;
        margin: 0.2rem;
    }
}

@media(max-width: 414px) {
    .teacherBox .swiper-slide ul li {
        margin-left: 0.3rem;
        width: calc(50% - 0.3rem);
        margin-bottom: 0.3rem;
    }
}

.jxmsBox {
    margin-top: 0.4rem;
    margin-bottom: 0.7rem;
}

.jxmsBox dl {
    margin-bottom: 0.3rem;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #e3e3e3;
    width: 100%;
    box-sizing: border-box;
}

.jxmsBox dl>div {
    width: 100%;
    display: block;
}

.jxmsBox dl dt {
    font-size: 0.24rem;
    color: #9f113f;
    line-height: 0.34rem;
    margin-bottom: 0.2rem;
}

.jxmsBox dl dd {
    display: inline-block;
    min-width: 14%;
    margin-bottom: .1rem;
}

.jxmsBox dl dd a {
    display: inline-block;
    font-size: 0.18rem;
    line-height: 0.34rem;
    padding: 0 .1rem;
}

.jxmsBox dl dd a.yes {
    border: 1px solid #000;
}

.jxmsBox dl dd span {
    display: block;
    font-size: 0.14rem;
    color: #888888;
    line-height: 0.34rem;
}

@media(max-width: 1280px) {
    .jxmsBox dl dd {
        display: inline-block;
        min-width: 15.8%;
    }

}

@media(max-width: 800px) {
    .jxmsBox dl dd {
        display: inline-block;
        min-width: 19.2%;
    }

    .jxmsBox dl dt {
        font-size: 0.24rem;
        color: #9f113f;
        line-height: 0.34rem;
        margin-bottom: 0.2rem;
    }

    .jxmsBox dl dd a {
        font-size: 0.2rem;
        /* line-height: 0.6rem; */
        font-style: normal;
        color: #323232;
    }

    .jxmsBox dl dd span {
        font-size: 0.28rem;
        color: #888888;
        line-height: 0.6rem;
    }
}

@media(min-width: 1200px) {

    .a:hover .slow .img_hezi,
    a:hover .slow .img_hezi,
    .slow:hover img,
    .home5 .img:hover .img_hezi {
        transform: scale(1.08);
        transition: transform 1s cubic-bezier(0.25, 0, 0, 1);
    }

    .a:hover .slow .imgLi,
    a:hover .slow .imgLi,
    .slow:hover img {
        transform: scale(1.08);
        transition: transform 1s cubic-bezier(0.25, 0, 0, 1);
    }

    .a:hover .h4s1,
    .a:hover .h4s2,
    .a:hover .h4s3 {
        color: #861313;
    }

    .zsxx .a:hover .h4s1 {
        color: #fff;
    }

    .zsxx .a:hover .h4s2 {
        color: #fff;
    }

    .zsxx .a:hover .h4s3 {
        color: #fff;
    }

    .home7 .a:hover .h4s1 {
        color: #fff;
    }

    .home7 .a .a1:hover .h4s1 {
        color: #f1ca96;
    }

    .list1 .a:hover {
        background: #861313;
        border: #861313 1px solid
    }

    .list5 .a:hover .h4s2 {
        color: #fff
    }

    .list6 .a:hover .time {
        background: #861313;
    }

    .list6 .a:hover .time * {
        color: #fff;
    }

    .list6 .a:hover::before {
        -webkit-animation: play 5s linear infinite;
        -moz-animation: play 5s linear infinite;
        animation: play 5s linear infinite;
    }

    .list10 .a:hover .rr .txt * {}

    .list10 .a:hover .rr .txt .line {
        background: #fff
    }

    .list11 .a:hover h4,
    .list12 li .a:hover h4 {
        color: #861313;
    }

    .list11 .a:hover .img_box:before,
    .list13 li .a:hover .img_box:before {
        opacity: 1;
    }

    .more1 .a1:hover {
        color: #861313;
    }

    .more1 .a1:hover svg {
        fill: #861313
    }

    .list14 .a:hover h4 {
        color: #fff;
    }

    .list16 li .a:hover::before {
        transform: scale(1.08);
        transition: transform 1s cubic-bezier(0.25, 0, 0, 1);
    }

    .list16 li .a:hover .ico img {
        -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
        transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
        -webkit-animation: beat 0.7s 1;
        animation: beat 0.7s 1;
    }

    .list17 li .a:hover h4 {
        color: #861313;
    }

    .list18 li .a:hover:before {
        transform: scale(1.08);
    }

    .list19 dd .a1:hover h5 {
        color: #f1ca96
    }

    .list19 dd .a1:hover svg {
        fill: #f1ca96
    }

    .list21 li .a:hover .img {
        box-shadow: 0px 5px 15px 0px rgba(4, 22, 57, 0.3);
    }

    .list21 li .a:hover h4 {
        color: #861313;
    }

    .list21 li .a:hover .bottom .ico {
        background: #a60b3b
    }

    .list21 li .a:hover .bottom .ico svg {
        fill: #fff
    }

    .miso-arrow3:hover {
        background: #fff;
        border: #fff 1px solid;
    }

    .list23 li:hover::before {
        background: rgba(255, 255, 255, 1);
        height: 0
    }

    .list23 li:hover h4 {
        color: #f1ca96;
    }

    .list23 li:hover h6 svg {
        fill: #f1ca96;
    }

    .list23 li:hover::after {
        height: 100%;
        opacity: .6
    }

    .list26 li .a:hover h4 {
        color: #fff !important;
    }

    .miso-arrow4:hover {
        background: #f1ca96;
        border: #f1ca96 1px solid
    }

    .miso-arrow4:hover svg {
        fill: #1e1e1e
    }

    .list27 li:hover {
        color: #fff;
    }

    .home9 .left .tit1 .more1 .a1:hover {
        opacity: .7;
    }

    .home1 .zy .ll a:hover font {
        color: #861313;
    }

    .list9 .a:hover h4,
    .list8 .a:hover .txt h4 {
        color: #fff;
    }

    .list13 .a:hover h4 {
        color: #861313;
    }

    .list9 .a:hover .line:after {
        width: 100%
    }

    .list10 a:hover .rr .txt {}

    .list17 .a:hover .line:after {
        width: 100%
    }

    .list10 li a:hover .ll:after {
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
        filter: none;
        filter: alpha(opacity=100);
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }

    .list15 li .a:hover .txt h4 {
        color: #861313;
    }

    .list16 li:hover {
        position: relative;
        z-index: 10
    }

    .list16 li:hover .a {
        transform: scale(1.05);
        box-shadow: 0px 5px .3rem 0px rgba(4, 22, 57, 0.3);
    }

    .list15 li .a:hover .txt {
        transform: translateY(0);
        opacity: 1
    }

    .list15 li .a:hover .txt * {
        color: #fff;
    }

    .list18 li .a:hover .ico img,
    .list24 li .a:hover .img {
        -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
        transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
        -webkit-animation: beat 0.7s 1;
        animation: beat 0.7s 1;
    }

    .list14 .a:hover .txt {
        transform: translateY(0);
        opacity: 1
    }

}



@media(max-width: 1199px) {
    .pc_header_box {
        display: none;
    }

    .m_header_box {
        display: block;
    }

    .banner ul li .a .img .img_hezi {
        padding-bottom: 50%;
    }

    .home1 .zy {
        display: none
    }

    .home1 .wp {
        padding: 0 15px
    }

    .home2 .right::before {
        width: calc(100% + 15px);
    }

    .home2 .left {
        padding: .84rem .46rem 1rem 0;
    }

    .home4 .wp {
        padding: 0 15px;
    }

    .list15 li .a .txt p {
        -webkit-line-clamp: 2;
        max-height: .48rem\0;
    }

    .home5 .right .img {}

    .home8 .right {
        padding: .6rem 0 0;
    }

    .home8 .wp {
        padding: 0 15px
    }

    .home4 .wp {
        padding: 0 15px;
    }

    .home8 .left {
        width: calc(100% - 4rem);
    }

    .home8 .right {
        width: 4rem;
    }

    .miso_tab1 {
        margin-left: -1.5rem;
    }

    .miso_tab1>img,
    .list20 {
        transform: scale(.5)
    }

    .home9 .left {
        width: 100%;
        padding: 0 15px 3rem;
    }

    .home9 .left::before {
        width: calc(100% + 30px);
        left: -15px
    }

    .home9 .right {
        margin: 0 auto;
        transform: rotate(90deg);
        margin-top: -2.04rem;
        margin-bottom: -2.4rem;
    }

    .list24 li a,
    .miso_video .a {
        display: block;
        transform: rotate(-90deg)
    }

    .list25 {
        margin: 0 -.08rem;
        margin-right: -.08rem;
    }

    footer .fl02 .left {
        width: 100%;
        padding: 0 0 .2rem;
    }

    footer .fl02 .right {
        width: 100%;
    }

    .list28 {
        justify-content: center
    }

    footer .fl03 {
        text-align: center
    }

    .list28 li {
        padding: 0 .08rem;
        margin: 0;
    }

    footer .fl02 .left h3 {
        display: none
    }
}

@media(max-width: 991px) {

    .home6 .left{
        padding: .5rem 0.2rem 0rem 0;
    }
    .home6 .right {
        padding: .5rem 0 0rem 0.2rem;
    }
    .list17s1 .a{border: none;}
    .tit1 .ll_li h3 i{display: none;}

    .home1 .fl01 .left {
        width: 100%;
        padding: 0;
    }

    .home1 .fl01 .right {
        width: 100%;
        padding: .3rem 0 0;
    }

    .list4 .img .img_hezi {
        padding-bottom: 56.89%;
    }

    .tit1 .ll_li img {
        /* width: .36rem; */
    height: 0.34rem;}

    .tit1 .ll_li h3 {
        font-size: .24rem;
    }

    .home1 {
        padding: .5rem 0;
    }

    .home2 .tit1 {
        margin-bottom: 0.4rem;
    }

    .home5 .tit1 {
        justify-content: center
    }

    .btop ul li a {
        transform: scale(.7);
    }

    .banner_b {
        bottom: .3rem;
    }

    .home2 .left {
        width: 100%;
        padding: .5rem 0;
    }

    .home2 .right {
        width: 100%;
        padding-bottom: 0;
    }

    .home2 .right .top {
        padding: .5rem 15px .3rem;
    }

    .home2 .right .top {
        margin: 0 -15px
    }

    .list9 {
        padding: .5rem 0 .3rem;
    }

    .home4 .left {
        width: 100%;
    }

    .home4 .right {
        width: 100%;
        padding: .3rem 0 0;
    }

    .list15 li:nth-child(4) .a {}

    .home4 .more1 {
        margin: .5rem 0 0;
        text-align: center;
    }

    .home4 .right .more1 a {
        transform: translateY(0);
        justify-content: center;
    }

    .list14 .a {
        flex-wrap: wrap
    }

    .list14 .img {
        width: 100%
    }

    .list14 .txt {
        width: 100%;
        height: auto;
        padding: .3rem .2rem;
    }

    .list14_box .swiper-pagination {}

    .home5 .left {
        width: 100%;
    }

    .home5 .right {
        width: 100%;
        display: flex;
        position: relative;
        order: 1;
    }

    .home5 .fl01 .more1 {
        position: relative;
        z-index: 1;
        right: auto;
        bottom: 0;
        width: 100%;
        margin: .3rem 0 0
    }

    .home5 .fl01 .more1 .a1 {
        text-align: center;
        justify-content: center
    }

    .home5 .right .img {
        width: 100%;
        margin: 0;
        display: none;
    }

    .list16s1 {
        top: 0;
        width: 100%;
        position: relative;
    }

    .list16s2 {
        margin: 0
    }

    .home4,
    .home3,
    .home5 {
        /* padding: .5rem 0
    ; */margin-top: 0px;
    top: 0px;}

    .home2 .right .tit1 {
        /* justify-content: center; */
        margin-bottom: .4rem;
    }

    .home4 .wp:first-child .tit1 {
        margin: 0 0 .3rem;
    }

    .home3 .tit1 {
        width: 100%;
        padding: 0;
    }

    .list16 li .a {
        height: 33.33vw;
    }

    .home5 .left .bottom .list16,
    .home5 .left .bottom .list28_box {
        width: 50%;
        max-width: inherit;
    }

    .home5 .left .bottom .list28_box {
        order: 1
    }

    .home5 .left .bottom .list16 li .a {
        height: 33.33vw;
    }

    .home5 .left .img .img_hezi {
        padding-bottom: 33.33vw;
    }

    .list16s1 li:nth-child(1) .a {
        height: 33.33vw;
    }

    .list16 {
        width: 100%
    }

    .list16 li {
        width: 25%;
        margin: 0 !important;
    }
    .list16 li .a h4{
        font-size: .18rem;
    }
    .home5 .wp {
        padding:0!important;
    }
    .list27s li {
        width: calc(50% - 5px);
       
    margin-right: 5px;}
    .home5 .right .list16 li {
        width: 100%
    }

    .home5 .right .img .img_hezi {
        padding-bottom: 33.33vw
    }

    .list16 li:nth-child(2) {
        order: 1
    }

    .home7 {
        padding: .5rem 0
    }

    .home7 .tit1 {
        justify-content: center
    }

    .home8 .left {
        width: 100%;
        order: 1;
    }

    .home8 .right {
        width: 100%;
        padding: 0 .1rem 0 0;
    }

    .miso-arrow3.prev {
        left: 0;
    }

    .miso-arrow3.next {
        right: 0;
    }

    .miso_tab1 {
        margin: -2rem auto;
    }

    .miso-arrow3 {
        z-index: 10
    }

    .home9 .right {
        margin: 0 auto;
        transform: rotate(90deg) scale(.7);
        margin-top: -2.85rem;
        margin-bottom: -2.85rem;
    }

    .home9 {
        padding: 0 0 .5rem
    }

    .home9 .left {
        width: 100%;
        padding: .5rem 15px 1rem;
    }

    .home8 {
        padding: .5rem 0
    }

    .list23 {
        margin-top: .4rem;
    }

    .list26 li {
        width: 33.33%;
        margin: 0 !important;
        margin-bottom: .3rem !important
    }

    .home10 {
        padding: 0 0 .5rem;
    }

    .home9 .bg .span1 {
        top: 104%;
        left: 50%;
        margin-left: -6rem;
        transform: translate(0, -65%) scale(.6);
    }

    .home10 .fl01 .right .miso_tab2 {
        width: 5.5rem;
        float: right;
    }

    .home2 .right::before {
        left: -15px
    }

    .list14 .img .img_hezi {
        padding-bottom: 108%
    }

    .list15 .a .img .img_hezi {
        padding-bottom: 108%
    }

    .list15 li .a .txt {
        height: auto;
    }

    .list15 {
        margin: -3px
    }

    .list15 li {
        width: 33.33%;
        margin: 0 !important;
        transform: translateX(0) !important;
        padding: 3px;
    }

    .list14 h4 {
        height: auto;
        white-space: nowrap;
    }

    .list15 li:last-child {
        display: none
    }
    .list17s1 i {
        padding-right: 0.1rem;
    }
    .h6s1 {
        margin-right: 0.1rem;
    }
}

@media(max-width: 767px) {
    .list5 dd {
        margin-bottom: .36rem
    }

    .list5 .a1 dl dd:before {
        bottom: -.18rem
    }

    #gotop {
        right: 0;
        transform: scale(0.7)
    }

    .list6 li {
        width: 50%;
    }

    .list5 {
        margin: 0 -7px;
    }

    .list5 .a1 {
        height: auto;
        padding: .3rem;
    }

    .list5 li {
        padding: 0 7px;
        width: 100%;
        margin-bottom: .3rem
    }

    .list5 h4 {
        min-height: auto
    }

    .list5 .img .img_hezi {
        padding-bottom: 56.89%;
    }

    .home1 .fl02 {
        padding: 0;
    }

    .list6 {
        margin: 0 0 0;
    }

    .list6 li {
        padding: 0;
        width: 100%;
    }

    .list6 li .a {
        padding: .15rem 0;
        margin: 0;
    }

    .list6 li:nth-child(3) .a {
        border-bottom: #dcd7d0 1px dashed !important;
    }

    .home3 .fl01 {
        width: 100%
    }

    .home3 .left {
        width: 100%;
    }

    .home3 .right {
        width: 100%;
        padding: .3rem 0 0;
    }

    .list11 .txt,
    .list12 {
        padding: 0 .2rem
    }

    .home5 .left .top .img {
        width: 100%;
        position: relative;
        display: none;
    }

    .list15 li .a .img {}

    .list15 li .a .txt {
        width: 50%;
        padding: 0 .2rem;
    }

    .list15 li .a {
        transform: translateX(0) !important;
    }

    .list15 li:nth-child(1) .img,
    .list15 li:nth-child(2) .img {
        order: 0;
    }

    .list15 li:nth-child(2) .img,
    .list15 li:nth-child(4) .img {
        order: 2;
    }

    .home2 .right::before {
        width: calc(100% + 30px);
        left: -15px
    }

    .list15 li .a .txt p {
        -webkit-line-clamp: 1;
        max-height: .24rem\0;
    }

    .home6 .left {
        width: 100%;
        padding: .5rem 0 .5rem 0;
    }

    .home6 .right {
        width: 100%;
        padding: 0rem 0 .5rem 0;
    }

    .list17s1 {
        border-top: rgba(255, 255, 255, .25) 1px dashed;
        margin-bottom: .1rem;
    }

    .list17s1 .a {
        /* border-bottom: rgba(255, 255, 255, .25) 1px dashed; */
    border-bottom: none;padding: 0rem 0 0.35rem;
    margin-bottom: 0.35rem;}

    .list17s1 li:last-child .a {
        border: none
    ;margin-bottom: 0rem;padding-bottom: 0;}

    .home6 .bg1 {
        width: 100%;
        height: 50%;
    }

    .home6 .bg2 {
        width: 100%;
        height: 50%;
        top: auto;
        bottom: 0;
    }

    .list17s {
        margin-top: 0
    }

    .home7 .left {
        width: 100%;
    }

    .home7 .right {
        width: 100%;
    }

    .list18 li {
        width: 33.33% !important;
    }

    .right .list18 {
        position: relative
    }

    .right .list18 li {
        width: 50% !important
    }

    .right .list18 li:nth-child(1) {
        width: 50% !important;
    }

    .right .list18 li:nth-child(1) .a {
        height: 66.66vw
    }

    .list18 li .a {
        padding: .3rem .2rem 0;
        height: 33.33vw;
    }

    .right .list18 li:nth-child(3) {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .list18 li .ico img {
        height: .32rem
    }

    .list19 dd .a1 {
        height: .46rem
    }

    .home9 .right {
        margin: 0 auto;
        transform: rotate(90deg) scale(.5);
        margin-top: -3.42rem;
        margin-bottom: -3.63rem;
        margin-left: -2.77rem;
        left: 50%;
    }

    .list23 li {
        width: 50%;
    }

    .list23 li:last-child {
        display: none;
    }

    .list21 li .bottom {
        height: .6rem;
        margin: 0;
    }

    .list21 li h4 {
        margin-bottom: .1rem;
    }

    .miso_tab1 {
        left: 50%;
        margin: -1.6rem auto;
        margin-left: -3.625rem;
    }

    .list26 li {
        width: 50%;
    }

    .home10 .fl01 .left {
        width: 100%;
        margin-bottom: .3rem;
    }

    .home10 .fl01 .right {
        width: 100%
    }

    .home10 .fl01 .left .tit1 {
        justify-content: center
    }

    .list25 li .a h4 {
        text-align: center;
        padding: .2rem 0;
        line-height: 1.2 !important;
    }

    .list25 li .a {
        height: 2rem
    }

    .list10 li a .rr {
        padding: 0;
    }

    .list10 .li {
        margin: 0
    }

    .list10 li a .ll:after {
        display: none
    }

    .list10 li a .ll {
        transform: scale(.8)
    }

    .list10_box {
        height: 5.5rem;
        /* margin-top: .4rem; */
    }

    .home2 .right .top .bg1 img,
    .home2 .right .bg2 img {
        transform: scale(.7);
    }

    .home2 .right .top .bg1 {
        top: 0;
        left: 0;
    }

    .list8 .img {
        width: 1.75rem
    }

    .list8 .txt {
        width: calc(100% - 1.75rem);
    }

    .list28 li {}

    .home9 .right .wz img {
        width: .7rem;
        transform: rotate(180deg) translateX(0rem)
    }

    .btop ul li {
        padding: 0;
    }

    .btop ul {
        margin-right: -.1rem;
    }

    .list17 li {
        margin-bottom: .35rem;
    }

    .list9 li {
        margin-bottom: .25rem;
    }

    .list17 li .line {/* border-bottom: none; */}

    .miso_tab1>img,
    .list20 {
        transform: scale(.6)
    }

    .list27 {
        padding: .2rem .4rem;
        margin: -.2rem 0;
    }

    .list10 .rr .txt {
        height: 2.2rem
    }

    .home10 .fl01 .right .miso_tab2 {
        width: 4.2rem;
        margin: 0 auto;
        float: none;
    }

    .list15 .a .txt h4 {
        margin-bottom: .15rem
    }

    .list13 {
        margin: 0 -7px;
        display: flex;
        flex-wrap: wrap
    }

    .list13 li {
        width: 50%;
        padding: 0 7px
    }

    .list13 li:nth-child(1) {
        width: 100%
    }

    .list13 h4 {
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .home3 .bg2 {
        opacity: .4
    }
}

@media(max-width: 580px) {
    .jxmsBox dl dd {
        display: inline-block;
        min-width: 49%;
    }
}



@media(max-width: 455px) {
    .list26 li {
        width: 100%;
    }
}

.list26s {
    margin: 0 -.1rem;
}

.list26s li {
    width: 33.33%;
    padding: 0 .1rem;
    margin-left: 0 !important;
    margin-bottom: .3rem;
}

.list26s li .a {
    margin: 0 !important;
}

.list26s li .img .img_hezi {
    padding-bottom: 160%;
}

.list26s li h4 {
    font-size: .18rem;
    color: #fff;
}

.n_n_title {
    position: relative;
}

#m_n_nav {
    display: none;
    line-height: 50px;
    position: relative;
    z-index: 9;
    width: 100%;
    /* background: #861313; */
    background-size: cover;
}

#bnt_back {
    position: absolute;
    left: .05rem;
    top: 0px;
    line-height: 26px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0.2rem;
}

#bnt_back img {
    height: 28px;
}

#bnt_back svg {
    fill: rgb(255, 255, 255);
    height: 30px;
    vertical-align: middle;
    width: 26px;
}

#m_n_nav h1 {
    font-size: .32rem;
    color: #333;
    margin: 0px;
    line-height: 26px;
    /* width: calc(100% - 40px); */
    width: 100%;/* padding-left: 0.45rem; */
    text-align: center;
    padding-top: .4rem;
    padding-bottom: .2rem;
font-weight: bold;}

#bnt_sub_nav {
    position: absolute;
    right: 15px;
    top: 50%;
    height: 50px;
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-size: 18px;
    display: flex;
    align-items: center;
    transform: translateY(-50%);
}

#bnt_sub_nav svg {
    fill: rgb(255, 255, 255);
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

#bnt_sub_nav img {
    display: block;
    height: 20px;
}

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

#sub_nav_content {
    position: absolute;
    width: 100%;
    background: rgb(240, 243, 245);
    display: none;
    box-shadow: rgb(153, 153, 153) 0px 0px 5px;
    z-index: 9;
}

#sub_nav_content ul {
    padding: 10px;
}

#sub_nav_content ul li {
    display: block;
    line-height: 28px;
    margin: 1rem 0px;
}

#sub_nav_content ul li a {
    display: block;
    border-left: 2px solid rgb(202, 158, 78);
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-left: 10px;
    color: rgb(83, 84, 85);
}

#sub_nav_content ul li.on a {
    color: #9e0c3b;
}

#sub_nav_content dl {
    font-size: 0px;
    overflow: hidden;
    background: rgb(255, 255, 255);
    padding: 10px 0px;
    display: flex;
    flex-wrap: wrap;
}

#sub_nav_content dt {
    position: relative;
    background: rgb(255, 255, 255);
    z-index: 999;
    margin-bottom: 0px;
    min-width: 33.33%;
}

#sub_nav_content dt a {
    margin: 5px 20px;
    display: block;
    color: #333;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    vertical-align: top;
}

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

#sub_nav_content dt.title {
    background: rgb(250, 250, 251);
}

#sub_nav_content dt.title i {
    opacity: 1;
}

#sub_nav_content dt.title_on {
    background: rgb(250, 250, 251);
}

#sub_nav_content dt.title_on a {
    color: #fba33e;
    border-top: 1px solid rgb(255, 255, 255);
}

#sub_nav_content dt.title_on a i {
    color: #fba33e;
}

#sub_nav_content dt.last a {
    border-top: 1px solid rgb(248, 248, 248);
}

#sub_nav_content dt.on a,
#sub_nav_content dt.title_on a {
    color: #861313;
}

.yyhn #sub_nav_content dt.on a,
.yyhn #sub_nav_content dt.title_on a {
    color: #244076;
}

#sub_nav_content dd {
    display: none;
}

#sub_nav_content dd .box {
    padding: 0px;
}

#sub_nav_content dd a {
    padding: 0px 25px;
    line-height: 30px;
    border-top: 1px solid rgb(231, 231, 231);
    font-size: 12px;
    color: rgb(91, 83, 73);
    display: block;
    height: 30px;
}

#sub_nav_content dd a.on {
    color: #9e0c3b;
}

.m_n_nav2 {
    display: none;
}

.about .fl1 {
    align-items: center;
}

.about .fl1 .img {
    width: 4.04rem;
}

.about .fl1 .right {
    width: calc(100% - 4.04rem);
    padding: 0 0 0 .48rem;
}

.pad2 {
    margin-top: .4rem;
}

.list30 {
    margin: 0 -.1rem;
    margin-top: .4rem;
}

.list30 li {
    width: 25%;
    padding: 0 .1rem;
}

.list30 li .a {
    align-items: center;
    justify-content: center;
}

.list30 li .ico {
    width: .98rem;
    height: .98rem;
    position: relative;
    z-index: 1;
}

.list30 li .ico::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: #9c003f 1px dashed;
    -webkit-animation: play 25s linear infinite;
    -moz-animation: play 25s linear infinite;
    animation: play 25s linear infinite;
}

.list30 li .ico img {
    width: 100%;
    height: 100%
}

.list30 li .txt {
    padding: 0 0 0 .2rem
}

.list30 li h3 big {
    font-size: .4rem;
    color: #9c003f;
    font-family: 'Californian FB'
}

.list30 li h3 small {
    font-size: .14rem;
    color: #333333;
    margin: 0 0 0 .06rem
}

.list30 li h6 {
    font-size: .18rem;
    color: #333333;
    line-height: 1.5
}

.n_container .bg1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 6.11rem;
    max-width: 32%;
    z-index: -1;
}

.n_container .bg2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 4.43rem;
    max-width: 24%;
    z-index: -1;
}

.about .fl3 {
    align-items: center;
    align-items: flex-end;
    padding: 0;
}

.about .fl3 .img {
    width: 7.35rem;
    order: 1;
}

.about .fl3 .right {
    width: calc(100% - 7.35rem);
    position: relative;
    z-index: 1
}

.about .fl3 .right .ar_article {
    /* margin: 0 -1.75rem 0 0; */
    background: #fff;
    padding: 0 .4rem 0.2rem 0;
}

.list200 {
    margin: 0 .2rem
}

.list200 .img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: .5s;
    opacity: 0;
}

.list200 .img .imgLi {
    padding-bottom: 100%;
    transform: scale(1) !important;
}

.list200 li {
    width: 20%;
    padding: 0 .2rem;
    margin-bottom: .5rem;
}

.list200 li .a {
    position: relative;
    width: 2.2rem;
    z-index: 1;
    max-width: 100%;
    display: block;
}

.list200 li .top {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.list200 li .a:before {
    content: "";
    border: #eed5dd 1px dashed;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    border-radius: 50vw;
}

.list200 li .a:after {
    content: "";
    border: 2px dashed rgba(255, 255, 255, 0.2);
    position: absolute;
    top: .15rem;
    right: .15rem;
    bottom: .15rem;
    left: .15rem;
    z-index: -1
}

.list200 li .ico {
    width: 1.02rem;
    height: 1.02rem;
    position: relative;
}

.list200 li .ico img {
    transition: .5s;
    width: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: .8;
}

.list200 li .ico .i2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.list200 li h4 {
    margin: .12rem 0 0;
}

@media(min-width: 1200px) {
    .list200 li .a:hover:before {
        opacity: 1
    }

    .list200 li .a:hover .ico .i1 {
        opacity: 0
    }

    .list200 li .a:hover .ico .i2 {
        opacity: 1
    }

    .list200 li .a:hover h4 {
        color: #9f113f;
    }

    .list200 .a:hover .ico img {
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
        filter: none;
        opacity: 1;
    }

    .list200 .a:hover .img {
        opacity: 1
    }
}

@media(max-width: 1200px) {
    .m_n_nav2 {
        display: block;
    }

    #bnt_back {
        padding: 0;
    }
}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {
    .mianbao {
        display: none;
    }

    #m_n_nav {
        display: block;
    }

    .n_left1 {
        width: 100%;
        display: none;
    }

    .n_right1 {
        width: 100%;
        padding: 0;
    }

    .yyhn #m_n_nav {
        background: #244076;
    }
}

@media(max-width: 1024px) {
    .list30 li .a {
        flex-direction: column;
    }

    .list30 li .txt {
        padding: .2rem 0 0;
        text-align: center
    }

    .about .fl1 .img {
        width: 100%;
    }

    .about .fl1 .right {
        width: 100%;
        padding: .3rem 0 0;
    }

    .about .fl3 .img {
        width: 100%;
    }

    .about .fl3 .right {
        width: 100%;
        padding: .3rem 0 0;
        order: 1;
    }

    .about .fl3 .right .ar_article {
        margin: 0;
        padding: 0;
    }
}

@media(max-width: 800px) {
    .n_container {
        padding: .4rem 0 .5rem;
        min-height: 4rem;
    }

    .list200 li {
        width: 50%
    }

    .list200 li .a {}

    .list200 li .ico {
        width: .9rem;
        height: .9rem
    }
}

@media(max-width: 560px) {
    .list30 {
        margin: 0 -2px;
        margin-top: .3rem;
    }

    .list30 li {
        padding: 0 2px;
    }

    .list30 li .ico {
        width: .8rem;
        height: .8rem;
    }

    .list30 li h3 big {
        font-size: .26rem;
    }
}

.zhici {
    padding: 0 .5rem 0.3rem 0;
    position: relative;
    z-index: 1;
    align-items: flex-end;
}

.zhici:before {
    content: "";
    position: absolute;
    top: .66rem;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fcf7f1;
    z-index: -1;
}

.zhici .b1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
}

.zhici .b1:after {
    content: "";
    position: absolute;
    width: 4.57rem;
    height: 4.57rem;
    left: -2%;
    bottom: -26%;
    background-size: cover;
    -webkit-animation: play 25s linear infinite;
    -moz-animation: play 25s linear infinite;
    animation: play 25s linear infinite;
}

.zhici .left {
    width: 4.28rem;
    position: relative;
    z-index: 2;
}

.zhici .left img {
    width: 4.28rem;
}

.zhici .right {
    width: calc(100% - 4.28rem);
    position: relative;
    z-index: 1;
}

//.zhici .right:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #9b0c39;
transform: rotate(-3deg)
}

.zhici .right .box {
    background: #fff;
    padding: .5rem .7rem 1.2rem;
    position: relative;
    z-index: 1;
    box-shadow: 0px 3px 32px 0px rgba(0, 0, 0, 0.1);
}

.list31 li {
    font-size: .22rem;
    color: #333333;
    line-height: .3rem;
    padding: .25rem 0;
    border-bottom: #e6e6e6 1px dashed
}

.list31 li:last-child {
    border-bottom: none;
}

.list31 li font {
    color: #9b0c39;
}

.zhici .right h6 {
    text-align: right;
    margin-top: -.25rem;
}

.zhici .right h6 img {
    height: 0rem
}

@media(min-width: 1200px) {}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {
    .zhici .right {
        width: 100%;
    }
}

@media(max-width: 800px) {
    .zhici {
        padding: 0;
    }

    .zhici .left {
        width: 3rem;
        margin: 0 auto;
    }

    .zhici .left img {
        width: 100%;
    }

    .list27 li a:before {
        width: .5rem;
        height: .5rem;
        margin-top: -.25rem;
        left: -.5rem !important
    }
}

@media(max-width: 560px) {}

.list32 {
    display: block;
    float: left;
    width: 50%;
}

.list32 li {
    width: 100%;
    padding: 0 .28rem;
    margin-bottom: .56rem;
}

.xxld li {
    width: 100%;
    padding: 0 1.8rem;
}

.list32 li .a {
    display: block;
    box-shadow: 0px 0px 26.46px 0.54px rgba(82, 5, 29, 0.14);
}

.list32 li .img .imgLi {
    padding-bottom: 127%;
}

.list32 li .txt {
    padding: .2rem .2rem;
    position: relative;
    z-index: 1;
    height: .96rem;
    background: #f7f8fb;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.list32 li .txt:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0;
    z-index: -1;
    transition: .5s
}

.list32 li h6 {
    font-size: .16rem;
    color: #9e0c3b;
    line-height: 1.5;
    transition: .5s;
}

.list32 li h4 {
    font-size: .24rem;
    color: #333333;
    line-height: 1.5;
    transition: .5s;
}

@media(min-width: 1200px) {
    .list32 li .a:hover .txt:before {
        height: 100%;
        background: #9e0c3b;
    }

    .list32 li .a:hover * {
        color: #fff;
    }
}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {
    .list32 li {
        width: 33.3%;
        padding: 0 .4rem !important;
    }

    .xxld li {
        width: 100%;
    }
}

@media(max-width: 800px) {
    .list32 {}

    .list32 li {
        padding: 0 .25rem !important;
        margin-bottom: .25rem;
    }

    .list32 li h4 {
        font-size: .2rem
    }
}

@media(max-width: 560px) {}

.leader_d {
    align-items: flex-start;
}

.leader_d .left {
    width: 3.36rem;
    padding: .24rem;
    background: #980c38;
}

.leader_d .left .img .imgLi {
    padding-bottom: 127%;
}

.leader_d .left .txt h4 {
    font-size: .22rem;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    padding: .25rem 0 .2rem;
}

.leader_d .left .txt h6 {
    font-size: .22rem;
    color: #fff;
    line-height: 1;
    text-align: center;
}

.leader_d .right {
    width: calc(100% - 3.36rem);
    border-top: #980c38 .05rem solid;
    background: #fcf6ef;
    padding: .4rem .5rem;
    box-shadow: 0px 3px 32px 0px rgba(0, 0, 0, 0.16);
}

@media(min-width: 1200px) {}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {}

@media(max-width: 800px) {
    .leader_d .left {
        margin: 0 auto;
        width: 2.6rem;
        padding: .15rem;
    }

    .leader_d .right {
        width: 100%;
        margin: .3rem 0 0;
    }
}

@media(max-width: 560px) {}

.h3-1 {
    font-size: .3rem;
    color: #9d0c3a;
    line-height: 1.5;
    margin-bottom: .3rem;
    font-weight: bold;
    font-family: "Microsoft Yahei";
}

.list33 {
    margin: 0 -.2rem;
}

.list33 li {
    width: 33.33%;
    padding: 0 .2rem;
    margin-bottom: .4rem;
}

.list33 li .a {
    display: flex;
    height: .68rem;
    background: #fcf6ef;
    padding: 0 .3rem;
    align-items: center;
    font-size: .2rem;
    color: #333333;
    line-height: .26rem;
    position: relative;
    z-index: 1;
    transition: .5s;
}

.list33 li .a:before {
    content: "";
    position: absolute;
    left: 0;
    width: .03rem;
    top: 0;
    bottom: 0;
    background: #9d0c3a;
    transition: .5s;
    z-index: -1;
}

.list33 li .a:after {
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: url(../images/list32_b1.png) right center no-repeat;
    background-size: auto 100% !important;
    transition: .5s;
    z-index: -1;
}

@media(min-width: 1024px) {
    .list33 li .a:hover {
        color: #fff;
        box-shadow: 0px 0px 13px 0px rgba(18, 41, 82, 0.18);
    }

    .list33 li .a:hover:before {
        width: 100%
    }

    .list33 li .a:hover:after {
        background: url(../images/list32_b1_on.png) right center no-repeat;
    }
}

@media(max-width: 1600px) {
    .list33 li {
        width: 50%;
    }
}

@media(max-width: 1024px) {}

@media(max-width: 800px) {
    .list33 li {
        width: 100%;
        margin-bottom: .15rem
    }
}

@media(max-width: 560px) {}

.list34 li {
    padding: 0 0 .36rem;
    margin-bottom: .36rem;
    border-bottom: #d1d1d1 1px dashed;
}

.list34 li .a {
    align-items: center;
}

.list34 li .img {
    width: 3.32rem;
    margin-right: .4rem;
}

.list34 li .img .imgLi {
    padding-bottom: 62.65%;
}

.list34 li .right {
    flex: 1;
    overflow: hidden;
    align-items: center;
    padding: .2rem 0;
}

.list34 li .right .txt {
    flex: 1;
    overflow: hidden
}

.list34 li .right .time {
    background: url(../images/list34_b1.png) center no-repeat;
    background-size: cover;
    width: 1.06rem;
    height: .99rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-left: .56rem;
    padding: 0 .1rem .1rem 0;
}

.list34 li h4 {
    font-size: .2rem;
    color: #333333;
    line-height: 1.25;
    transition: .5s;
}

.list34 li .line {
    width: .6rem;
    height: 1px;
    background: #9d0c3a;
    margin: .15rem 0;
}

.list34 li p {
    font-size: .16rem;
    color: #666666;
    line-height: .28rem;
    max-height: 2.34rem\0;
}

.list34 li .time h3 {
    font-size: .32rem;
    color: #9d0c3a;
    font-family: 'Britannic Bold';
}

.list34 li .time h6 {
    font-size: .14rem;
    color: #9d0c3a;
    margin: 0 0;
    font-family: 'Britannic Bold';
}

@media(min-width: 1200px) {
    .list34 li .a:hover h4 {
        color: #9e0c3b;
        font-weight: bold;
    }
}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {}

@media(max-width: 800px) {
    .list34 li .img {
        margin: 0 auto;
        margin-bottom: .1rem;
        width: 100%;
    }

    .list34 li .right {
        width: 100%;
        flex: auto;
    }

    .list34 li .right .time {
        margin-left: .15rem;
    }
}

@media(max-width: 560px) {}

.pages {
    margin: .5rem 0 0;
}

.pages ul {
    text-align: center;
}

.pages ul li {
    text-align: center;
    font-size: .16rem;
    display: inline-block;
    margin: .03rem .01rem;
    color: #666666;
}

.pages ul li a {
    height: .35rem;
    text-align: center;
    padding: 0 8px;
    min-width: .35rem;
    display: flex;
    border: 1px solid #cccccc;
    border-radius: .04rem;
    align-items: center;
    justify-content: center;
    transition: .5s
}

.pages ul li a svg {
    width: 14px;
    height: 14px;
    fill: #959595;
    transition: .5s;
}

.pages ul li.cur {
    background: #9d0c3a;
    padding: 0 8px;
    min-width: .35rem;
    height: .35rem;
    line-height: .33rem;
    border-radius: 3px;
}

.pages ul li a.on {
    background: #9d0c3a;
    padding: 0 8px;
    min-width: .35rem;
    height: .35rem;
    line-height: .33rem;
    color: #fff;
    border-radius: 3px
}

.pages ul li.cur {
    color: #fff;
}

.pages ul li.page-count {
    line-height: .33rem
}

.page-form {
    line-height: .33rem
}

.page-form input {
    border: 1px solid #cccccc;
    width: .35rem;
    height: .35rem;
    float: left;
    text-align: center;
    padding: 0 .04rem;
    background: transparent;
    border-radius: .04rem;
    margin: 0 .08rem;
}

.page-form span {
    float: left;
    color: #666
}

.page-form button {
    border: none;
    width: .6rem;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    background: #9d0c3a;
    color: #fff;
    border-radius: .04rem;
    margin-left: 5px;
    font-size: .16rem;
    cursor: pointer;
}

.pages ul li.next svg {
    transform: rotateY(180deg)
}

.pages ul li a:hover {
    background: #9d0c3a;
    border: #9d0c3a 1px solid;
}

.pages ul li a:hover {
    color: #fff
}

.pages ul li a:hover svg {
    fill: #fff
}

@media(max-width: 560px) {
    .pages {
        margin-top: .4rem;
    }
}

.list35 {
    position: relative;
    z-index: 1;
}

.list35 li .a {
    align-items: center;
    padding: .3rem .25rem;
    position: relative;
    z-index: 1;
background: #f9f9f9;}

.list35 li .a:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    height: 0;


    width: 0;
    height: 100%;
    background: #9d0c3a;
    transition: width 0.5s ease;
}

.list35 li:nth-child(2n-1) .a:after {
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: url(../images/list35_b1.png) right center no-repeat;
    background-size: auto 100% !important;
    transition: .5s;
    z-index: -1;
}

.list35 li:nth-child(2n-1) .a {
    background: #fcf6ef;
}

.list35 li .time {
    width: 1.7rem;
    display: flex;
    align-items: center;
    position: relative;
}

.list35 li .time:before {
    position: absolute;
    width: 1px;
    height: .48rem;
    background: #e1e3e9;
    right: 0;
    top: 50%;
    margin-top: -.24rem;
}

.list35 li .time:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 0;
    background: #27818d;
    right: 0;
    top: 50%;
    margin-top: -.24rem;
    transition: .5s;
    opacity: 0;
}

.list35 li .time h3 {
    background: url(../images/list35_i1.png) center no-repeat;
    background-size: 100% 100% !important;
    width: .5rem;
    height: .48rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .32rem;
    color: #9d0c3a;
    font-family: Futura Bk BT;
    transition: .5s;
}

.list35 li .time h6 {
    font-size: .19rem;
    color: #9d0c3a;
    font-family: Futura Bk BT;
    margin: 0 0 0 .15rem;
    transition: .5s;
}

.list35 li .rr {
    width: calc(100% - 1.7rem);
    padding: 0 0.3rem 0 0;
}

.list35 li h4 {
    font-size: .2rem;
    color: #333333;
    line-height: 1.25;
    transition: .5s;
}

@media(min-width: 1200px) {
    .list35 li .a:hover:before {
        width: 100%;
        background: #9d0c3a;


    }

    .list35 li .a:hover * {
        color: #fff
    }

    .list35 li .a:hover .time h3 {
        background: url(../images/list35_i1_on.png) center no-repeat;
    }

    .list35 li:nth-child(2n-1) .a:hover:after {
        background: url(../images/list35_b1_on.png) right center no-repeat;
    }
}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {}

@media(max-width: 800px) {
    .list35 li h4 {
        white-space: normal
    }
}

@media(max-width: 560px) {}

.list_sij {
    margin-bottom: .45rem;
}

.list_sij li {
    width: 1.61rem;
    text-align: center
}

.list_sij li h4 {
    font-size: .24rem;
    color: #666666;
    line-height: 1.5;
    margin-bottom: .2rem;
    transition: .5s
}

.list_sij li img {
    opacity: 0;
    transition: .5s
}

.list_sij li.on h4,
.list_sij li a:hover h4 {
    color: #9d0c3a;
    font-weight: bold
}

.list_sij li.on img,
.list_sij li a:hover img {
    opacity: 1
}

@media(min-width: 1200px) {}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {}

@media(max-width: 800px) {
    .list_sij {
        background-size: 33.33% auto !important
    }

    .list_sij li {
        max-width: 33.33%
    }

    .list_sij li h4 {
        font-size: .2rem;
        margin-bottom: .1rem;
    }
}

@media(max-width: 560px) {}

.list38 {
    margin: 0 -.26rem;
    margin-bottom: -.5rem;
}

.list38 li {
    width: 33.33%;
    padding: 0 .26rem;
    margin-bottom: .5rem;
}

.list38 .img .imgLi {
    padding-bottom: 108%;
}

.list38 .txt {
    padding: 0 .25rem;
    position: relative;
    z-index: 1;
    background: #fcf6ef;
    height: .86rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list38 .txt h4 {
    font-size: .18rem;
    color: #333333;
    line-height: .28rem
}

.list38 .txt h4.h4ss1 {
    -webkit-line-clamp: 1;
}

.list38 li .txt1 {
    flex-direction: column;
}

.list38 li .txt:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0;
    z-index: -1;
    transition: .5s
}

@media(min-width: 1024px) {
    .list38 li .a:hover .txt:before {
        height: 100%;
        background: #861313
    }

    .list38 li .a:hover h4 {
        color: #fff
    }
}

@media(max-width: 1024px) {
    .list38 {
        margin: 0 -.2rem;
        margin-bottom: -.3rem;
    }

    .list38 li {
        padding: 0 .2rem;
        margin-bottom: .3rem;
    }
}

@media(max-width: 800px) {
    .list38 li:first-child {
        width: 100%;
    }

    .list38 li {
        width: 50%;
    }
}

@media(max-width: 560px) {
    .list38 {
        margin: 0 -.1rem;
        margin-bottom: -.2rem;
    }

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

    .list38 li .txt {
        padding: 0 .15rem;
    }
}

.ar_tit {
    margin-bottom: .5rem
}

.ar_tit h3 {
    font-size: .28rem;
    color: #333;
    line-height: 1.5;
    text-align: center;
    margin-bottom: .25rem;
}

.ar_tit .h6 {
    /* justify-content: space-between; */
    align-items: center;
    /* border-top: #ebebeb 1px solid; */
    /* border-bottom: #ebebeb 1px solid; */
    padding: 0rem .4rem;
text-align: center;font-size: .16rem;color: #666;}

.ar_tit .h6 .ll span {
    font-size: .14rem;
    color: #666666;
    margin: 0 .2rem 0 0;
    line-height: 2;
}

.ar_f {
    align-items: center;
    margin-top: .4rem;
    justify-content: space-between;
}

.ar_f .ll {
    flex: 1;
    overflow: hidden;
}

.ar_f .ll h4 {
    font-size: .2rem;
    color: #222222;
    line-height: .4rem !important;
    transition: .5s;
}

.more2 {
    display: flex;
    width: 1.39rem;
    height: .44rem;
    background: #9d0c3a;
    align-items: center;
    justify-content: center;
    font-size: .18rem;
    color: #fff;
    margin-left: .2rem
}

.fontsize {
    align-items: center
}

.fontsize .line {
    width: 1px;
    height: .16rem;
    background: #ebebeb;
    margin: 0 .15rem;
}

.fontsize i img {
    height: .21rem;
    opacity: .66;
    transition: .5s;
    cursor: pointer
}

.fontsize i:hover img {
    opacity: 1
}

@media(min-width: 1200px) {
    .ar_f .ll a:hover h4 {
        color: #9d0c3a
    }
}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {}

@media(max-width: 800px) {
    .ar_tit .h6 {
        padding: .15rem .15rem;
    }

    .ar_tit .h6 .ll span {
        line-height: 2;
    }

    .ar_tit .h6 .ll {
        margin-bottom: .15rem;
    }

    .fontsize i img {
        height: .15rem;
    }

    .ar_tit h3 {
        font-size: .26rem;
    }

    .ar_f .ll {
        flex: auto;
        width: 100%
    }

    .ar_f .more2 {
        margin: .3rem auto
    }
}

@media(max-width: 560px) {}

.list39 {
    margin: 0 -.4rem;
    margin-bottom: -.66rem;
}

.list39 li {
    width: 50%;
    padding: 0 .4rem;
    margin-bottom: .66rem;
}

.list39 .a {
    border-radius: .2rem;
    overflow: hidden;
}

.list39 .img {
    flex: 1;
    overflow: hidden;
}

.list39 .imgLi {
    padding-bottom: 66%;
}

.list39 .txt {
    width: 1.8rem;
    background: #fcf6ef url(../images/list39_b1.png) right bottom no-repeat;
    padding: .28rem .2rem 0;
    position: relative;
    transition: .5s
}

.list39 .txt:before {
    position: absolute;
    top: -.25rem;
    left: -.25rem;
    width: .5rem;
    height: .5rem;
    background: #fff;
    border-radius: 50%;
}

.list39 .txt:after {
    position: absolute;
    bottom: -.25rem;
    left: -.25rem;
    width: .5rem;
    height: .5rem;
    background: #fff;
    border-radius: 50%;
}

.list39 h6 {
    font-size: .16rem;
    color: #9d0c3a;
    font-family: 'Britannic Bold';
    transition: .5s;
    display: none;
}

.list39 h4 {
    font-size: .2rem;
    color: #333333;
    line-height: .28rem;
    margin: .1rem 0 0;
    transition: .5s;
}

@media(min-width: 1200px) {
    .list39 .a:hover .txt {
        background: #9d0c3a url(../images/list39_b1_on.png) right bottom no-repeat;
    }

    .list39 .a:hover .txt * {
        color: #fff;
    }
}

@media(max-width: 1600px) {
    .list39 {
        margin: 0 -.25rem;
        margin-bottom: -.4rem;
    }

    .list39 li {
        width: 50%;
        padding: 0 .25rem;
        margin-bottom: .4rem;
    }

    .list39 h4 {
        -webkit-line-clamp: 4;
    }
}

@media(max-width: 1199px) {
    .xxld li {
        padding: 0 1rem;
    }
}

@media(max-width: 1024px) {
    .list39 {
        margin: 0 -.15rem;
        margin-bottom: -.4rem;
    }

    .list39 li {
        width: 100%;
        padding: 0 .15rem;
        margin-bottom: .4rem;
    }
}

@media(max-width: 800px) {
    .list39 {
        margin-bottom: -.25rem;
    }

    .list39 li {
        margin-bottom: .25rem;
    }

    .list39 .txt:before {
        top: -.15rem;
        left: -.15rem;
        width: .3rem;
        height: .3rem;
    }

    .list39 .txt:after {
        bottom: -.15rem;
        left: -.15rem;
        width: .3rem;
        height: .3rem;
    }

    .list39 .txt {
        background-size: 50% auto;
    }
}

@media(max-width: 560px) {}

.list40 li {
    margin-bottom: .4rem;
}

.list40 .a {
    background: #fcfcfc;
    padding: .3rem;
    align-items: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: .5s;
}

.list40 .a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: #94093a;
    z-index: -1;
    background-image: -moz-linear-gradient(180deg, rgb(164, 16, 68) 0%, rgb(145, 8, 56) 69%, rgb(125, 0, 44) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(164, 16, 68) 0%, rgb(145, 8, 56) 69%, rgb(125, 0, 44) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(164, 16, 68) 0%, rgb(145, 8, 56) 69%, rgb(125, 0, 44) 100%);
    transition: .5s;
}

.list40 li .a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/list40_b1.png) center no-repeat;
    background-size: cover;
    z-index: -1;
}

.list40 .a .ico {
    position: absolute;
    width: 2.8rem;
    height: 2.8rem;
    right: -1.15rem;
    opacity: .08;
    transition: .5s;
    z-index: -1;
    top: 50%;
    margin-top: -1.4rem;
}

.list40 .a .ico img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.list40 .a .ico img.img1 {
    -webkit-animation: play 25s linear infinite;
    -moz-animation: play 25s linear infinite;
    animation: play 25s linear infinite;
}

.list40 .img {
    width: 2rem;
}

.list40 .img .imgLi {
    padding-bottom: 150%;
}

.list40 .txt {
    padding: 0 2.1rem 0 .5rem;
    flex: 1;
    overflow: hidden;
}

.list40 h4 {
    font-size: .24rem;
    color: #333333;
    line-height: 1.25;
    font-weight: 600;
    transition: .5s
}

.list40 .time {
    align-items: flex-end;
    margin: .3rem 0 .4rem;
}

.list40 .time h3 {
    font-size: .44rem;
    color: #9d0c3a;
    font-family: 'Britannic Bold';
    transition: .5s
}

.list40 .time h6 {
    font-size: .14rem;
    color: #999999;
    margin: 0 0;
    font-family: 'Britannic Bold';
    transition: .5s
}

.list40 .rr img {
    margin: 0 .08rem 0 0;
    height: .23rem;
}

.list40 .rr img.img2 {
    display: none
}

.list40 .rr {
    font-size: .22rem;
    color: #9d0c3a;
    font-family: 'Britannic Bold';
    margin-left: .1rem;
    border-top: #a41044 1px solid;
    padding: .15rem 0 0 .1rem;
    display: flex;
    align-items: center;
    transition: .5s
}

.list40 .con {
    justify-content: space-between;
    align-items: flex-end
}

.list40 p {
    font-size: .16rem;
    color: #666666;
    line-height: .36rem;
    transition: .5s
}

.more4 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: -.24rem 0 0;
    font-size: .16rem;
    color: #fff;
    margin-right: -1.5rem;
    opacity: 0;
    transition: .5s;
}

.more4 img {
    height: .32rem;
    margin: 0 .1rem 0 0
}

@media(min-width: 1200px) {
    .list40 .a:hover {
        box-shadow: 0px 3px 21px 0px rgba(102, 0, 0, 0.35);
    }

    .list40 .a:hover:before {
        width: 100%
    }

    .list40 .a:hover h4 {
        color: #fff
    }

    .list40 .a:hover .ico {
        opacity: 1;
        transform: translateX(-.4rem)
    }

    .list40 .a:hover .rr img.img1 {
        display: none
    }

    .list40 .a:hover .rr img.img2 {
        display: block
    }

    .list40 .a:hover .rr {
        border-top: #ffcccc 1px solid
    }

    .list40 .a:hover .time h3,
    .list40 li .a:hover .rr {
        color: #ffcc00 !important
    }

    .list40 .a:hover .more4 {
        opacity: 1
    }

    .list40 .a:hover .time h6,
    .list40 li .a:hover p {
        color: #ffcccc;
    }
}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {}

@media(max-width: 800px) {
    .list40 .img {
        margin: 0 auto
    }

    .list40 .txt {
        flex: auto;
        width: 100%;
        padding: .3rem 0 0;
    }

    .list40 li {
        margin-bottom: .25rem;
    }
}

@media(max-width: 560px) {}

.hye .fl1 {
    align-items: center;
    justify-content: center;
    margin-bottom: .6rem;
}

.hye .fl1 img {
    height: 1.5rem;
}

.hye .fl1 h3 {
    font-size: .34rem;
    color: #8f0131;
    line-height: 1.5;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    margin-bottom: .1rem;
}

.hye .fl1 p {
    font-size: .24rem;
    color: #333333;
    line-height: .4rem;
}

.hye .fl1 .con {
    margin: 0 .2rem
}

.list41 {
    margin: 0 -.1rem;
}

.list41 li {
    width: 33.33%;
    padding: .23rem .1rem;
}

.list41 .a {
    display: block;
    padding: 0 0 0 .3rem;
    position: relative;
}

.list41 .a:before {
    content: "";
    position: absolute;
    top: .06rem;
    left: 0;
    bottom: .06rem;
    width: 1px;
    background: #e2e2e2;
}

.list41 h4 {
    position: relative;
    z-index: 1;
    font-size: .18rem;
    color: #990033;
    line-height: 1.5
}

.list41 h3 {
    position: relative;
    z-index: 1;
    font-size: .24rem;
    color: #333333;
    line-height: 1.5;
    margin: .06rem 0 0;
}

@media(min-width: 1200px) {}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {
    .hye .fl1 {
        margin-bottom: .4rem
    }

    .hye .fl1 img {
        height: 1.2rem;
    }

    .hye .fl1 .con {
        width: 100%;
        padding: .3rem 0 0;
    }

    .list41 li {
        width: auto;
        min-width: 50%;
        padding: .1rem .1rem;
    }
}

@media(max-width: 800px) {
    .hye .fl1 img {
        height: .9rem;
    }

    .hye .fl1 h3 {
        font-size: .26rem
    }
}

@media(max-width: 560px) {}

.zsxx .wp {
    width: 15.28rem;
}

.zsxx .fl1 {
    padding: 1.52rem 11.38% .5rem 0;
    position: relative;
    z-index: 1;
    margin-top: .3rem;
}

.zsxx .bg1s {
    position: absolute;
    width: 55.7%;
    top: 0;
    right: 0;
    z-index: -1;
}

.zsxx .bg1s img {
    width: 100%;
}

.list42 {
    margin-bottom: 3.48rem
}

.list42 li {
    width: 25%
}

.list42 .a {
    display: flex;
    height: 3.48rem;
    background: #284a8a;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-size: cover !important;
    transition: .5s;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.list42 .a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover !important;
    z-index: -1;
}

.list42 .a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: rgba(255, 255, 255, .4) 1px dashed;
    transition: .5s;
    transform: scale(1.1);
    z-index: -1;
}

.list42 .a .ico img {
    height: .9rem;
    transition: .5s;
}

.list42 .a h4 {
    font-size: .26rem;
    color: #fff;
    line-height: 1.75;
    margin-top: .1rem;
}

.list42 li:nth-child(1) .a::before {
    background: url(../images/list42_b1.jpg) center no-repeat;
    background-size: cover;
}

.list42 li:nth-child(2) .a::before {
    background: url(../images/list42_b2.jpg) center no-repeat;
    background-size: cover;
}

.list42 li:nth-child(3) .a::before {
    background: url(../images/list42_b3.jpg) center no-repeat;
    background-size: cover;
}

.list42 li:nth-child(4) .a::before {
    background: url(../images/list42_b4.jpg) center no-repeat;
    background-size: cover;
}

.list42 li:nth-child(5) .a::before {
    background: url(../images/list42_b5.jpg) center no-repeat;
    background-size: cover;
}

.list42 li:nth-child(6) .a::before {
    background: url(../images/list42_b6.jpg) center no-repeat;
    background-size: cover;
}

.list42 li:nth-child(7) .a::before {
    background: url(../images/list42_b7.jpg) center no-repeat;
    background-size: cover;
}

.list42 li:nth-child(8) .a::before {
    background: url(../images/list42_b8.jpg) center no-repeat;
    background-size: cover;
}

.list42 li:nth-child(4),
.list42 li:nth-child(6),
.list42 li:nth-child(8) {
    transform: translateY(3.48rem);
}

@media(min-width: 1200px) {
    .list42 .a:hover::before {
        transform: scale(1.08);
        transition: transform 1s cubic-bezier(0.25, 0, 0, 1);
    }

    .list42 .a:hover .ico img {
        -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
        transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
        -webkit-animation: beat 0.7s 1;
        animation: beat 0.7s 1;
    }

    .list42 .a:hover::after {
        transform: scale(.9)
    }
}

@media(max-width: 1600px) {
    .list42 .a {
        height: 2.8rem;
    }

    .list42 li:nth-child(4),
    .list42 li:nth-child(6),
    .list42 li:nth-child(8) {
        transform: translateY(2.8rem);
    }
}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {
    .zsxx .fl1 {
        padding: .8rem 15px 0 0;
    }
}

@media(max-width: 800px) {
    .list42 li {
        width: 33.33%;
    }

    .list42 .a {
        height: 1.75rem
    }

    .list42 li:nth-child(4),
    .list42 li:nth-child(6),
    .list42 li:nth-child(8) {
        transform: translateY(1.75rem);
    }

    .list42 .a .ico img {
        height: .6rem
    }

    .list42 li:nth-child(3) {
        transform: translateY(1.75rem);
    }

    .list42 li:nth-child(8) {
        transform: translateY(0);
    }

    .list42 {
        margin-bottom: .2rem
    }
}

@media(max-width: 560px) {}

.VI .miso_tab {
    align-items: center;
    background: url(../images/vi_b1.jpg) right center no-repeat;
    background-size: 4.65rem 100%;
}

.VI .bd {
    flex: 1;
    overflow: hidden;
    border: #dfdfdf 2px solid;
    border-bottom: #dfdfdf 1px solid;
    border-top: #dfdfdf 1px solid;
}

.VI .hd {
    width: 4.65rem;
    position: relative;
    z-index: 1;
    max-width: 100%;
}

.list43 {
    width: 3.18rem
}

.list43 li {
    padding: .15rem 0
}

.list43 .a {
    height: .76rem;
    display: flex;
    align-items: center;
    padding: 0 0 0 1rem;
    font-size: .3rem;
    color: #9d0c3a;
    transition: .5s;
    position: relative;
    z-index: 1
}

.list43 .a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    transition: .5s;
    z-index: -1
}

.list43 .a:after {
    content: "";
    position: absolute;
    background: url(../images/list43_i1.png) center no-repeat;
    width: .44rem;
    height: .43rem;
    right: .3rem;
    z-index: 1;
    top: 50%;
    margin-top: -.21rem;
    opacity: 0;
    background-size: 100% 100%;
}

.list43 li.on .a,
.list43 li .a:hover {
    color: #fff
}

.list43 li.on .a:before,
.list43 li .a:hover:before {
    width: 100%;
    background: #a41044
}

.list43 li.on .a:after,
.list43 li .a:hover:after {
    opacity: 1
}

.VI .bd .ar_article img {
    max-width: 100%;
    margin: 0
}

.arrow5 {
    display: flex;
    justify-content: center;
    width: 3.18rem;
    max-width: 100%;
    margin-top: 1.6rem
}

.arrow5 .arrow {
    border: #d5b444 2px solid;
    border-radius: 50%;
    width: .44rem;
    height: .44rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .08rem;
    transition: .5s;
    cursor: pointer;
}

.arrow5 .arrow svg {
    fill: #d5b444;
    width: .22rem;
    height: .22rem;
    transition: .5s;
}

.arrow5 .arrow:hover {
    background: #a41044;
    border: #a41044 2px solid
}

.arrow5 .arrow:hover svg {
    fill: #fff
}

@media(min-width: 1200px) {}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {
    .VI .bd {
        order: 1;
        flex: auto;
        width: 100%
    }

    .VI .hd,
    .list43 {
        margin: 0 auto
    }

    .arrow5 {
        margin: .5rem auto
    }
}

@media(max-width: 800px) {
    .list43 li {
        padding: .1rem 0
    }

    .list43 .a {
        font-size: .26rem
    }
}

@media(max-width: 560px) {}

.jy_d .fl1 {
    position: relative
}

.jy_d .fl1 .img .imgLi {
    padding-bottom: 22.09%;
}

.jy_d .fl1 .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 .48rem .48rem;
    align-items: flex-start;
}

.jy_d .fl1 .top h3 {
    font-size: .3rem;
    color: #fff;
    line-height: 1.5;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    margin-bottom: .2rem;
}

.more5 {
    height: .4rem;
    background: #9d0c3a;
    border-radius: .08rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    color: #fff;
    padding: 0 .1rem;
}

.more5 img {
    height: .2rem;
    margin: 0 .08rem 0 0;
    transition: .5s;
}

.jy_d .fl2 {
    position: relative;
    padding: .3rem .48rem .48rem;
    background: #fcf6ef;
}

.list44 {
    margin: 0 -.33rem;
    margin-bottom: -.52rem;
}

.list44 li {
    width: 25%;
    padding: 0 .33rem;
    margin-bottom: .52rem;
}

.list44 .a {
    display: block;
    position: relative;
    z-index: 1;
}

.list44 .a::before {
    content: "";
    position: absolute;
    top: .22rem;
    right: -.14rem;
    bottom: 0;
    left: 0;
    background: #9d0c3a;
    z-index: -1;
}

.list44 .img .imgLi {
    padding-bottom: 121.48%;
}

.list44 .txt {
    height: .6rem;
    display: flex;
    text-align: center;
}

.xyls .txt {
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.list44 h4 {
    font-size: .18rem;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    width: 100%;
    padding-left: .14rem;
}

.xyls h5 {
    font-size: .14rem;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    width: 100%;
    padding-left: 0.14rem;
}

@media(min-width: 1200px) {
    .more5:hover img {
        transform: rotate(180deg)
    }
}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {
    .list44 li {
        width: 50%;
    }
}

@media(max-width: 800px) {
    .jy_d .fl1 .img .imgLi {
        padding-bottom: 45%;
    }

    .list44 {
        margin: 0 -.15rem;
        margin-bottom: -.25rem;
        padding-right: .1rem;
    }

    .list44 li {
        padding: 0 .15rem;
        margin-bottom: .25rem;
    }

    .list44 .a::before {
        right: -.1rem;
    }

    .jy_d .fl3 {
        padding: .5rem 0 0;
    }

    .jy_d .fl3 h3 {
        margin-bottom: .3rem;
    }
}

@media(max-width: 560px) {}

.list46W {
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: .75rem;
}

.list46W img.img1 {
    width: .29rem;
}

.list46W .right {
    width: calc(100% - .45rem);
}

.list46Box {
    background: url(../images/list46_l1.png) center repeat-x;
    border-left: #e9e9e9 1px solid;
    border-right: #e9e9e9 1px solid;
    background-size: auto 2.05rem;
}

.list46 .a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 2.05rem;
    border-right: #e9e9e9 1px solid;
    text-align: center;
}

.list46 .ico img {
    height: .71rem
}

.list46 .line1 {
    position: relative;
    width: 100%;
    height: 1px;
    background: url(../images/list46_j.png) center no-repeat;
    background-size: 100% 1px;
}

.list46 .line1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    border-left: transparent .05rem solid;
    border-right: transparent .05rem solid;
    border-top: #9e0c3b .05rem solid
}

.list46 .txt {
    height: .67rem;
    display: flex;
    align-items: center;
    padding: 0 .15rem;
}

.list46 h4 {
    font-size: .16rem;
    color: #333333;
    line-height: .24rem;
    max-height: 48rem\0;
    text-align: center
}

.list46 h3 {
    font-size: .36rem;
    color: #9e0c3b;
    font-family: 'Britannic Bold';
    font-style: italic;
    margin: .12rem 0;
}

.list46 li:nth-child(2n-1) .a {
    flex-direction: column-reverse;
}

.list46 li:nth-child(2n-1) .line1 {
    transform: rotateX(180deg);
}

.arrow6 {
    justify-content: space-between;
    align-items: center;
    margin-top: .32rem;
    position: relative;
    z-index: 1;
}

.arrow6::before {
    content: "";
    position: absolute;
    top: 50%;
    border-top: #d7d7d7 1px dashed;
    width: 100%;
    z-index: -1;
    margin-top: -.5px
}

.arrow6 .arrow {
    width: .52rem;
    height: .52rem;
    background-color: #fcf6ef;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    transition: .5s
}

.arrow6 .arrow svg {
    width: .26rem;
    height: .26rem;
    fill: #9e0c3b;
    transition: .5s
}

.arrow6 .arrow:hover {
    background: #9e0c3b
}

.arrow6 .arrow:hover svg {
    fill: #fff
}

.arrow6 .dots {
    width: 5.7rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.arrow6 .dots span {
    width: .08rem;
    height: .08rem;
    background: #888888;
    opacity: 1;
    transition: .5s;
}

.arrow6 .dots span.active {
    background: #9e0c3b
}

.list47 {
    margin: 0 -.24rem;
    margin-bottom: -.60rem;
}

.list47 li {
    width: 25%;
    padding: 0 .24rem;
    margin-bottom: .56rem;
}

.list47 li .a {
    display: block;
    padding: .2rem;
    position: relative;
    z-index: 1;
    transition: .5s
}

.list47 .img .imgLi {
    padding-bottom: 127%;
}

.list47 .txt {
    padding: .2rem 0 0;
    position: relative;
    z-index: 1;
    /* height: .96rem; */
    display: flex;
    justify-content: center;
    flex-direction: column;
    /* text-align: center; */
}

.list47 .a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    z-index: -1;
    transition: .5s;
    background: #cecece
}

.list47 h6 {
    font-size: .16rem;
    color: #333;
    line-height: 1.5;
    transition: .5s;
}

.list47 h5 {
    font-size: .14rem;
    color: #861313;
    line-height: 1.5;
    transition: .5s;
}

.list47 h4 {
    font-size: .26rem;
    color: #333333;
    line-height: 1.5;
    font-weight: bold;
    transition: .5s;
}

@media(min-width: 1200px) {
    .list47 .a:hover:before {
        height: 100%;
        background: #9e0c3b;
    }

    .list47 .a:hover * {
        color: #fff;
    }

    .list47 .a:hover {
        box-shadow: 0px 3px 32px 0px rgba(0, 0, 0, 0.16);
    }
}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {
    .list47 li {
        width: 33.33%;
    }
}

@media(max-width: 800px) {
    .list47 {
        margin: 0 -.1rem;
        margin-bottom: -.25rem;
    }

    .list47 li {
        width: 50%;
        padding: 0 .1rem;
        margin-bottom: .25rem;
    }

    .arrow6 .dots {
        max-width: calc(100% - 2rem);
    }

    .list46W {
        margin-bottom: .4rem
    }

    .list47 li .a {
        padding: .1rem;
    }

    .history .fl2 br.ar_wap {
        display: none;
    }

    .list46 li .ico img {
        height: .5rem
    }

    .list46W img.img1 {
        width: .16rem;
        margin-top: .42rem;
    }

    .list46 li h3 {
        font-size: .3rem;
    }

    .list47 li h4 {
        font-size: .2rem;
    }

    .list47 li .txt {
        padding: .1rem 0 0
    }
}

@media(max-width: 560px) {}

.xueshu .fl1 .left {
    width: 45%;
}

.xueshu .fl1 .left .box {
    background: #fff url(../images/xueshu_b1.png) right bottom no-repeat;
    padding: .6rem .75rem .8rem;
    box-shadow: 0px 2px 38px 0px rgba(33, 2, 6, 0.11);
    margin-right: -.5rem;
    position: relative;
    z-index: 1;
    background-size: 2.17rem auto;
    position: relative
}

.xueshu .fl1 .left .box:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: .16rem;
    background: url(../images/xueshu_b2.png) right bottom repeat-y;
    width: .29rem;
    background-size: 100% auto;
    animation: bgfubuki1 300s linear infinite forwards;
}

@keyframes bgfubuki1 {
    0% {
        background-position: 0 0;
    }

    10% {
        background-position: 0 1000px;
    }

    20% {
        background-position: 0 2000px;
    }

    30% {
        background-position: 0 3000px;
    }

    40% {
        background-position: 0 4000px;
    }

    50% {
        background-position: 0 5000px;
    }

    60% {
        background-position: 0 6000px;
    }

    70% {
        background-position: 0 7000px;
    }

    80% {
        background-position: 0 8000px;
    }

    90% {
        background-position: 0 9000px;
    }

    100% {
        background-position: 0 10000px;
    }
}

.xueshu .fl1 .left .box h3 {
    text-align: center;
    margin-bottom: .15rem;
}

.xueshu .fl1 .right {
    width: 55%;
}

.list48 {
    margin-bottom: .35rem
}

.list48 li {
    padding: .15rem 0
}

.list48 li a {
    font-size: .24rem;
    color: #2e2e2e;
    line-height: .36rem;
    display: flex;
    align-items: center;
}

.list48 li a svg {
    width: .24rem;
    height: .24rem;
    fill: #666666;
    margin-left: .25rem;
}

.list49 {
    margin: 0 -.06rem;
}

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

.list49 li .a {
    display: block;
    position: relative;
    z-index: 1;
}

.list49 li .img .imgLi {
    padding-bottom: 81.32% !important;
}

.list49 li .txt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .4rem .4rem .6rem;
}

.list49 li h4 {
    font-size: .24rem;
    color: #fff;
    line-height: .3rem;
}

.list50 {
    margin: .2rem 0 0;
    transform: translateX(-.62rem);
}

.list50 li {
    padding: 0;
    width: 100%;
}

.list50 li .img .imgLi {
    padding-bottom: 48% !important;
}

.list50 li h4 {
    text-align: center;
    margin-bottom: .3rem;
}

.list50 li .txt {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    background: linear-gradient(0deg, black, transparent);
}

.more5s {
    width: 1.25rem;
}

.pad1 {
    padding: 1rem 0;
}

.xueshu .fl2 {
    align-items: center;
}

.xueshu .fl2 .line {
    width: .64rem;
    height: 2px;
    background: #9d0c3a;
}

.xueshu .fl2 h3 {
    margin-bottom: .12rem;
}

.xueshu .fl2 p {
    font-size: .16rem;
    color: #333333;
    line-height: 1.5;
    margin: .2rem 0 .4rem;
}

.xueshu .fl2 .left {
    width: 25%;
}

.xueshu .fl2 .right {
    width: 75%;
}

.arrow7 {
    margin-top: .7rem
}

.arrow7 .arrow {
    width: .65rem;
    height: .6rem;
    border: #dddddd 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .05rem;
    cursor: pointer;
    transition: .5s;
    margin: 0 .12rem 0 0;
}

.arrow7 .arrow svg {
    width: 0.26rem;
    height: 0.26rem;
    fill: #a9a9a9;
    transition: .5s;
}

.arrow7 .arrow:hover {
    background: #9e0c3b;
    border: #9e0c3b 1px solid;
}

.arrow7 .arrow:hover svg {
    fill: #fff
}

.list51Box {
    margin: 0 -1px;
    padding: 0 1px;
    padding-bottom: .09rem;
}

.list51 li .a {
    display: block;
    padding: .24rem;
    margin: 0 -.5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: .5s
}

.list51 li .a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: #e4e4e4 1px solid;
    z-index: -1;
}

.list51 li .a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.list51 li .img .imgLi {
    padding-bottom: 63%;
}

.list51 li h4 {
    font-size: .2rem;
    color: #333333;
    line-height: .32rem;
    margin-top: .15rem;
    min-height: 1.28rem;
}

.list51 li h6 {
    font-size: .16rem;
    color: #9d0c3a;
    font-family: 'Futura Bk BT';
    margin: .2rem 0;
}

.list51 li h6 big {
    font-size: .32rem;
    font-family: 'Futura Bk BT';
    margin: 0 .06rem 0 0;
}

.list51 li .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #9d0c3a url(../images/list51_b1.png) right bottom no-repeat;
    background-size: 1.44rem auto;
    padding: .4rem .32rem 0;
    transition: .5s;
    opacity: 0;
    visibility: hidden
}

.list51 li .top * {
    color: #fff
}

@media(min-width: 1200px) {
    .list51 li:hover {
        position: relative;
        z-index: 2
    }

    .list51 li .a:hover {
        box-shadow: .07rem .09rem 0px 0px #e1b4c2;
    }

    .list51 li .a:hover .top {
        opacity: 1;
        visibility: visible
    }
}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {
    .xueshu .fl1 .left {
        width: 100%;
    }

    .xueshu .fl1 .left .box {
        margin-right: 0;
    }

    .xueshu .fl1 .right {
        width: 100%;
    }

    .list50 {
        transform: translateX(0);
    }
}

@media(max-width: 800px) {}

@media(max-width: 560px) {}

.list52 {
    margin: 0 -.27rem;
    margin-top: -.3rem
}

.list52 li {
    width: 50%;
    padding: 0 .27rem;
}

.list52 li .a {
    border-bottom: #cccccc 1px dotted;
    padding: .24rem 0;
    align-items: center;
}

.list52 li .img {
    width: 1.62rem;
}

.list52 li .img .imgLi {
    padding-bottom: 63.19%;
}

.list52 li .txt {
    flex: 1;
    overflow: hidden;
    padding: 0 0 0 .24rem;
}

.list52 li h4 {
    font-size: .2rem;
    color: #333333;
    line-height: .32rem;
    transition: .5s;
}

.list52 li h6 {
    font-size: .16rem;
    color: #9d0c3a;
    font-family: 'Futura Bk BT';
    margin: .12rem 0 0;
}

.list52 li:nth-child(3) .a,
.list52 li:nth-child(4) .a {
    border-bottom: none;
}

@media(min-width: 1200px) {
    .list52 li:hover h4 {
        color: #9d0c3a
    }
}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {}

@media(max-width: 800px) {
    .xueshu .fl2 .left {
        width: 2rem;
    }

    .xueshu .fl2 .right {
        width: 100%;
        padding: 0 1px 0 0;
        flex: 1;
        overflow: hidden;
    }

    .list52 {
        margin: 0 -.1rem;
        margin-top: -.3rem
    }

    .list52 li {
        width: 100%;
        padding: 0 .1rem;
    }

    .pad1 {
        padding: .4rem 0
    }

    .arrow7 {
        margin-top: .3rem
    }

    .list48 li {
        padding: .05rem 0
    }
}

@media(max-width: 560px) {}

.miso-lightbox-miso-caption {
    display: none !important;
}

.nyss {
    justify-content: space-between;
    width: 7rem;
    height: 0.7rem;
    align-items: center;
    box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.12);
    margin: 0 auto .6rem;
    background: #fff;
    padding: 0;
    border-radius: 50vw;
    max-width: 100%;
    padding-left: .5rem;
}

.xlss {
    width: 2rem;
    padding: 0 .3rem;
    position: relative;
}

.nyss input {
    width: 0;
    height: .4rem;
    font-size: 0.16rem;
    color: #333;
    padding: 0 0.15rem;
    box-sizing: border-box;
    border-left: 1px solid #d9d9d9;
}

.nyss button {
    width: .5rem;
    height: .5rem;
    background: #9e0c3b;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50vw;
    margin: .1rem;
    cursor: pointer;
    transition: .5s
}

.nyss button svg {
    width: 0.22rem;
    fill: #fff
}

.nyss button:hover {
    opacity: .8
}

.xlss h3 {
    font-size: 0.16rem;
    color: #333;
    text-align: left;
    height: 0.7rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.xlss h3::after {
    content: "";
    border-left: 0.05rem solid transparent;
    border-right: 0.05rem solid transparent;
    border-top: 0.08rem solid #9e0c3b;
    left: auto;
    right: .3rem;
    top: 50%;
    bottom: auto;
    width: auto;
    height: auto;
    margin-top: -0.05rem;
    position: absolute;
}

.nyss h2 {
    font-size: .16rem;
}

.xlss ul {
    border-top: 2px solid #9e0c3b;
    background: #fff;
    position: absolute;
    top: calc(100% + 0.2rem);
    width: 100%;
    display: none;
    z-index: 10000;
    transition: 0s;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
    padding: .1rem 0;
    left: 0;
    border-radius: 0 0 .1rem .1rem;
}

.xlss ul li {
    font-size: 0.14rem;
    color: #333;
    text-align: center;
    padding: 0.1rem 0;
    background: #fff;
    width: 100%;
    transition: 0.5s;
    cursor: pointer;
    line-height: 1.5;
}

.xlss ul::after {
    content: "";
    position: absolute;
    border-left: 0.05rem solid transparent;
    border-right: 0.05rem solid transparent;
    border-bottom: 0.08rem solid #9e0c3b;
    left: 50%;
    top: -.1rem;
    bottom: auto;
    width: auto;
    height: auto;
    margin-left: -0.05rem;
    transition: 0.5s;
}

@media(max-width: 800px) {
    .h4s0 {
        font-size: .2rem !important;
        line-height: .3rem !important;
    }

    .h4s1 {
        font-size: .2rem !important;
        line-height: .3rem !important;
        max-height: .3rem\0 !important;
    }

    .h4s2 {
        font-size: .2rem !important;
        line-height: .3rem !important;
        max-height: .6rem\0 !important;
    }

    .h4s3 {
        font-size: .2rem !important;
        line-height: .3rem !important;
        max-height: .9rem\0 !important;
    }

    .ps0 {
        font-size: .16rem !important;
        line-height: .26rem !important;
    }

    .ps1 {
        font-size: .16rem !important;
        line-height: .26rem !important;
        max-height: .26rem\0 !important;
    }

    .ps2 {
        font-size: .16rem !important;
        line-height: .26rem !important;
        max-height: .52rem\0 !important;
    }

    .ps3 {
        font-size: .16rem !important;
        line-height: .26rem !important;
        max-height: .78rem\0 !important;
    }

    .ps4 {
        font-size: .16rem !important;
        line-height: .26rem !important;
        max-height: 1.04rem\0 !important;
    }

    .ps5 {
        font-size: .16rem !important;
        line-height: .26rem !important;
        max-height: 1.3rem\0 !important;
    }
}

@media(min-width: 1200px) {}

@media(max-width: 1600px) {}

@media(max-width: 1199px) {}

@media(max-width: 1024px) {}

@media(max-width: 800px) {}

@media(max-width: 560px) {}

.pb_sys_common .p_fun a,
.pb_sys_common .p_no a {
    padding: 10px 12px !important;
    border-radius: 5px !important;
    height: auto !important;
}

.pb_sys_common {
    font-size: 14px !important;
    font-family: Arial, Helvetica, "PingFang SC", "PingFang SC-Regular"!important;
    line-height: 50px !important;
}

.pb_sys_common .p_fun_d,
.pb_sys_common .p_no_d,
.pb_sys_common .p_no_o {
    color: #959595 !important;
    padding: 10px 12px !important;
    height: auto !important;
    border-radius: 5px !important;
}

.pb_sys_common .p_goto input {
    text-align: center !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 14px !important;
    border-radius: 5px !important;
}

.pb_sys_common .p_goto a,
.pb_sys_common .p_search a {
    background: #861313;
    color: #fff !important;
    height: auto !important;
    padding: 10px 12px !important;
    border-radius: 5px !important;
    border: 1px solid #861313 !important;
}

.page_yyhn .pb_sys_common .p_goto a,
.pb_sys_common .p_search a {
    background: #244076;
    border: 1px solid #244076 !important;
}

.pb_sys_style1 .p_no_d {
    border: 1px solid #9f113f !important;
    color: #fff !important;
    background-color: #9f113f !important;
    padding: 10px 12px !important;
    height: auto !important;
    width: auto !important;
    border-radius: 5px !important;
}

.page_yyhn .pb_sys_style1 .p_no_d {
    border: 1px solid #244076 !important;
    background-color: #244076 !important;
}

.pb_sys_style1 .p_goto a:hover {
    background: #861313 !important;
    color: #fff !important;
    OPACITY: .8;
}

.page_yyhn .pb_sys_style1 .p_goto a:hover {
    background: #244076 !important;
}

@media(max-width: 600px) {
    .nyss h2 {
        font-size: .16rem;
        width: 1.5rem;
        line-height: 1.375;
    }

    .nyss {
        padding-left: 0.2rem;
        margin-bottom: .4rem;
        box-sizing: content-box;
    }

    .xlss {
        padding: 0 0.1rem;
    }

    .nyss input {
        padding: 0;
    }
}

.wzdh ul.flex {
    flex-direction: column;
    font-size: .18rem;
}

.wzdh ul.flex li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .4rem;
}

.wzdh ul.flex li .boxx {
    padding: 0 0.2rem;
    margin-bottom: .3rem;
    width: 25%;
}

.wzdh ul.flex li a {
    display: flex;
    height: 0.68rem;
    padding: 0 0.3rem;
    align-items: center;
    font-size: .16rem;
    color: #333333;
    line-height: .22rem;
    position: relative;
    z-index: 1;
    transition: .5s;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.wzdh ul.flex li .boxx:hover a {
    background: #9d0c3a;
    color: #fff;
}

.wzdh ul li .sub {
    width: calc(100% - 2.3rem);
}

.wzdh ul.flex li>a {
    border: 1px solid #9d0c3a;
    background: #fcf6ef;
    text-align: center;
    justify-content: center;
    width: 2.1rem;
    margin-right: .2rem;
    font-weight: 700;
}

.wzdh ul li .sub .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

@media(max-width: 1024px) {
    .wzdh ul.flex li>a {
        width: 2rem;
    }

    .wzdh ul li .sub {
        width: calc(100% - 2.2rem);
    }

    .wzdh ul.flex li .boxx {
        width: 33.3333%;
    }
}

@media(max-width: 768px) {
    .wzdh ul.flex li .boxx {
        width: 50%;
    }
}

@media(max-width: 600px) {
    .wzdh ul.flex li>a {
        margin-bottom: 0.3rem;
        width: 50%;
    }

    .wzdh ul li .sub .box {
        justify-content: space-between;
    }

    .wzdh ul.flex li .boxx {
        padding: 0;
        width: 48%;
    }

    .wzdh ul li .sub {
        width: 100%;
    }
}

.ys h3 {
    font-size: .24rem;
    position: relative;
    line-height: .32rem;
    padding-left: 0.15rem;
    margin: 0.2rem 0;
}

.ys p {
    font-size: .2rem;
    line-height: 2;
}

.ys h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: #900b01;
}

.return li.on>a {
    padding: 0 0.24rem;
}

.return li>a::after {
    display: none;
}

.table {
    text-align: center;
    overflow-y: hidden;
    margin: 0 auto;
}

.table table {
    overflow-x: auto;
    text-align: center;
    margin: 0 auto;
    margin-left: auto !important;
    margin-right: auto !important;
    height: auto !important;
    width: auto !important;
}

.attach ul li {
    font-size: .16rem;
    color: #444;
    line-height: .36rem;
    transition: .5s;
}

.attach ul li a:hover {
    color: #9d0c3a;
}

.yyyw {
    align-items: center;
    justify-content: flex-end;
}

.yyyw .ll {
    width: 33.3333%;
}

.yyyw .more1 {
    width: 33.3333%;
}

.yyyw .more1 .a1 {
    justify-content: flex-end;
}

.home3 .tit1 {
    width: 100%;
}



@media(min-width: 1200px) {
    .list27s li a:hover {
        color: #fff
    }
}

@media(max-width: 1600px) {}

@media(max-width: 1200px) {
    .list27s {
        display: none
    }

    .list_link1 {
        display: block;
    }

    .list_link .con {
        height: 3rem;
    }
}

@media(max-width: 1024px) {
    .list27s li {
        min-width: 33.33%;
        width: 33.33%;
    }
}

@media(max-width: 800px) {
    .list27s li {
        min-width: 50%;
        width: 50%;
    }
}

@media(max-width: 560px) {}

.jxms .box {
    margin-bottom: .3rem;
}

.jxms h3 {
    font-size: .2rem;
    background: #fcf6ef;
    line-height: 3;
    font-family: "Microsoft Yahei";
    color: #222;
    padding-left: 0.2rem;
    border-bottom: 1px solid #f0f1f3;
    border-top: 1px solid #f0f1f3;
    position: relative;
    font-weight: 700;
    /margin-bottom: .2rem;
}

.jxms h3::before {
    content: "";
    position: absolute;
    left: 0;
    width: 0.03rem;
    top: 0;
    bottom: 0;
    background: #9d0c3a;
    transition: .5s;
}

.jxms h3::after {
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: url(../images/list32_b1.png) right center no-repeat;
    background-size: auto 100% !important;
    transition: .5s;
}

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

.jxms ul li {
    width: 20%;
    line-height: 2.4;
    font-size: .18rem;
    padding: 0 0.2rem;
    position: relative;
    height: 1rem;
}

.jxms ul li:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background: url(../images/point.png) no-repeat left center;
}

.jxms ul li a {
    display: block;
    transition: all .3s;
    color: #222;
    cursor: pointer;
    font-size: .2rem;
    line-height: 1rem;
}

.jxms ul li a:hover {
    color: #9d0c3a;
}

@media(max-width: 900px) {
    .jxms ul li {
        width: 25%;
    }
}

@media(max-width: 768px) {
    .jxms ul li {
        width: 33.3%;
    }
}

@media(max-width: 768px) {
    .jxms ul li {
        width: 33.3%;
    }
}

@media(max-width: 580px) {
    .jxms ul li {
        width: 50%;
    }
}

.jxms .box_cont {
    font-size: .18rem;
    line-height: 2;
    margin-bottom: 0.3rem;
}

.szdw {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.szdw .item {
    min-height: 20px;
    color: #fff;
    text-align: center;
    height: 340px;
    transition: all 1s ease-out 0s;
    padding: 10px;
    box-sizing: border-box;
    margin-left: 1%;
    width: 24%;
    margin-bottom: .5rem;
}

.szdw .item:nth-child(1) {
    background: #9e0c3b;
}

.szdw .item:nth-child(1):hover {
    box-shadow: 0px 15px 50px rgba(158 12 59 /65%);
}

.szdw .item:nth-child(2) {
    background: #cda275;
}

.szdw .item:nth-child(2):hover {
    box-shadow: 0px 15px 50px rgba(205 162 117 /65%);
}

.szdw .item:nth-child(3) {
    background: #597099;
}

.szdw .item:nth-child(3):hover {
    box-shadow: 0px 15px 50px rgba(89 112 153 /65%);
}

.szdw .item:nth-child(4) {
    background: #8b726e;
}

.szdw .item:nth-child(4):hover {
    box-shadow: 0px 15px 50px rgba(139 114 110 /65%);
}

.szdw .item:nth-child(8) {
    background: #9e0c3b;
}

.szdw .item:nth-child(8):hover {
    box-shadow: 0px 15px 50px rgba(158 12 59 /65%);
}

.szdw .item:nth-child(7) {
    background: #cda275;
}

.szdw .item:nth-child(7):hover {
    box-shadow: 0px 15px 50px rgba(205 162 117 /65%);
}

.szdw .item:nth-child(6) {
    background: #597099;
}

.szdw .item:nth-child(6):hover {
    box-shadow: 0px 15px 50px rgba(89 112 153 /65%);
}

.szdw .item:nth-child(5) {
    background: #8b726e;
}

.szdw .item:nth-child(5):hover {
    box-shadow: 0px 15px 50px rgba(139 114 110 /65%);
}

.szdw .item a {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px dashed rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    transition: all .5s;
}

.szdw .item a::after {
    content: "";
    position: absolute;
    background: url(../images/szdwbg.png) no-repeat;
    width: 2rem;
    height: 2rem;
    right: -0.5rem;
    bottom: 0;
    opacity: 0;
    transition: all .5s;
}

.szdw .item:hover a::after {
    opacity: 1;
}

.szdw .item a .ico {
    height: 100px;
    line-height: 100px;
}

.szdw .item a .h {
    font-size: .22rem;
    margin-top: 40px;
    line-height: 1.5;
}

@media(max-width: 1300px) {
    .szdw .item {
        height: 280px;
        width: 24%;
    }
}

@media(max-width: 1000px) {
    .szdw .item a .h {
        font-size: 0.2rem;
        margin-top: 20px;
        line-height: 1.5;
        padding: 0 0.1rem;
    }

    .szdw .item {
        height: 260px;
        margin-left: 2%;
        width: 23%;
        height: 240px;
    }
}

@media(max-width: 768px) {
    .szdw {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .szdw .item {
        width: 100%;
        height: 100px;
        margin-bottom: .2rem;
        margin-left: 0;
    }

    .szdw .item a {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        align-items: center;
        padding: 15px 10px;
    }

    .szdw .item a .ico {
        height: 50px;
        line-height: 50px;
        margin-right: 15px;
    }

    .szdw .item a .ico img {
        height: 100%;
    }

    .szdw .item a .h {
        margin-top: 0;
        font-size: .2rem;
        padding: 0;
    }

    .szdw .item:hover a::after {
        opacity: 1;
        width: 1rem;
        height: 1rem;
        background-size: cover;
        right: -0.3rem;
    }
}

.attach {
    border-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #861313;
    padding: 0.2rem 0.2rem;
    margin: 0.4rem 0 0.8rem 0;
    display: flex;
    align-items: flex-start;
}

.attach h3 {
    line-height: .36rem;
    min-width: 1rem;
}

.attach ul.fj li a {
    color: #861313;
}

@media(max-width: 1200px) {
    .attach h3 {
        font-size: .18rem;
    }
}

.jysjj {
    overflow: hidden;
    min-height: 4.88rem;
}

.ar_article .morejys {
    color: #861313;
    display: block;
    text-align: right;
}

.yywc .wp {
    width: 12rem;
}

.yywc .fl1 .img {
    width: 3.97rem;
    margin: 0 .94rem 0 0;
}

.yywc .fl1 .ar_article {
    flex: 1;
    overflow: hidden;
}

.yywc .fl2 {
    padding: .7rem 0;
}

.yywc .fl2 .wp {
    width: 13.84rem;
}

.list300 {
    margin: 0 -2px;
}

.list300 li {
    width: 33.33%;
    padding: 0 2px;
    margin-bottom: 4px;
}

.list300 .a {
    display: block;
    position: relative;
}

.list300 .img .imgLi {
    padding-bottom: 62.56%;
}

.list300 .img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/list300_t1.png) center bottom repeat-x;
    background-size: auto 1.26rem;
}

.list300 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.list300 h4 {
    color: #fff;
    text-align: center;
    margin: .15rem 0
}

.list300 li:nth-child(5) {
    width: 46%;
}

.list300 li:nth-child(4),
.list300 li:nth-child(6) {
    width: 27%;
}

.list300 li:nth-child(5) .img .imgLi {
    padding-bottom: 48%;
}

.list300 li:nth-child(4) .img .imgLi,
.list300 li:nth-child(6) .img .imgLi {
    padding-bottom: 82.2%;
}

.ar_article1 p {
    text-indent: .4rem;
}

.ar_article1 p img {
    margin-left: -.4rem;
}

.h3-2 {
    font-size: .32rem;
    color: #9e0c3b;
    font-weight: 600;
    padding: 0 0 0 .3rem;
    position: relative;
    margin-bottom: .25rem;
}

.h3-2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 3px;
    height: .36rem;
    background: #9e0c3b;
    margin-top: -.18rem;
}

.yywc .fl3 {
    padding: 0 0 .7rem;
}

.yywc .fl4 {
    padding: .7rem 0 1rem;
    background: url(../images/yywc_f4_b1.jpg) center top no-repeat;
}

.yywc .fl4 .h3-2 {
    color: #fff;
}

.yywc .fl4 .h3-2::before {
    background: #fff;
}

.yywc .fl4 .h4 {
    font-size: .2rem;
    color: #9e0c3b;
    font-weight: bold;
    line-height: .26rem;
    margin-bottom: .3rem;
}

.yywc .fl4 .h4.color1 {
    color: #fff;
}

.yywc .fl4 .con1 {
    background: #fff;
    box-shadow: -1.035px 3.864px 14.94px 3.06px rgba(4, 0, 0, 0.14);
    margin-bottom: .6rem;
}

.yywc .fl4 .con1 .img {
    width: 4.27rem
}

#miso_map {
    width: calc(100% - 4.27rem)
}

#miso_map h4 {
    font-size: .18rem;
    color: #9e0c3b;
    line-height: 1.375;
    margin-bottom: .06rem;
}

#miso_map p {
    font-size: .16rem;
    color: #666666;
    line-height: 1.5;
}

#miso_map .amap-info-content {
    padding: .25rem;
}

.list301 {
    padding: .3rem .75rem
}

.list301 li {
    font-size: .2rem;
    color: #333333;
    line-height: .3rem;
    margin: 0 .5rem 0 0
}

.list301 li img {
    margin: 0 .12rem 0 0;
    width: .24rem
}

.list302 {
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.list302 .line {
    width: 1px;
    height: 1.4rem;
    background: #e8e8e8;
}

.list302 .img {
    width: 2.4rem;
    height: 2.4rem;
    box-shadow: -1.035px 3.864px 14.94px 3.06px rgba(4, 0, 0, 0.14);
    margin: 0 auto;
}

.list302 .img img {
    width: 100%;
    height: 100%;
}

.list302 h6 {
    font-size: .16rem;
    color: #333333;
    line-height: 1.5;
    margin: .25rem 0 0;
}

.yywc .fl5 p {
    font-size: .2rem;
    color: #333333;
    line-height: .4rem;
}


.yyhn .list35 li:nth-child(2n-1) .a {
    background: #eef0f4;
}

.yyhn .list35 li .a:hover:before {
    background: #244076;
}

.yyhn .list35 li .time h6 {
    color: #244076;
}

.yyhn .list35 li:nth-child(2n-1) .a:after {
    background: url(../images/list35_b3.png) right center no-repeat;
}

.yyhn .mianbao .con:before {
    background: #244076;
}

.yyhn .list_ej {
    border-left: #244076 3px solid;
}

.yyhn .list_ej li>a::before {
    background: #244076;
}

.yyhn .mianbao .con:after {
    background: url(../images/mianbao_yj3.png) -.01rem top no-repeat
}

.yyhn .more2 {
    background: #244076;
}

.yyhn .list35 li:hover .time h6 {
    color: #fff;
}

.hye p {
    word-wrap: break-word;
    display: block;
}


body.navShow video {
    display: none !important;
}

#banquan {
    color: #fff;
}

#banquan a {
    color: #fff;
}


@media(min-width: 1200px) {}

@media(max-width: 1200px) {}

@media(max-width: 992px) {
    .yywc .fl4 .con1 .img {
        width: 100%;
    }

    #miso_map {
        width: 100%;
        height: 4rem;
    }

    .list302 .line {
        display: none;
    }

    .list302 li {
        flex: 1;
        text-align: center;
        margin-bottom: .3rem;
    }

    .yywc .fl1 .img {
        margin: 0 auto;
        width: 2.6rem;
    }

    .yywc .fl1 .ar_article {
        flex: auto;
        width: 100%;
        margin: .3rem 0 0
    }

    .list302 .img {
        width: 1.4rem;
        height: 1.4rem;
    }

    .list302 {
        align-items: flex-start;
    }
    .right .list17 li .line{
        border: none;
        background:none;
    }
    .list17 li .line {
        margin: 0.35rem 0 0rem;
    }
    .home2 .left .content:before{
        border-right:none;
    }
    .list10 .ll:after,.list10 li:nth-child(2n) a .ll:after{background: none;}
}

@media screen and (max-width: 768px){

    .yywc .fl4 {
        padding: .5rem 0
    }

    .list301 {
        padding: .25rem
    }

    .list301 li {
        margin: .1rem
    }

    .yywc .fl2 {
        padding: .4rem 0
    }

    .list300 .img::after {
        background-size: auto .7rem !important
    }
    .list35 li .rr {
        width:calc(100% - 1rem);
        padding: 0 0.3rem 0 0;
    }
    .list35 li .time h6 {
        margin: 0;
    }
    .list35 li .time {
        width: 1rem;
    }
    .list10 li:nth-child(2n-1) a .ll {
		order: 1;
		margin-right: -33.5px;
	}
	.list10 li:nth-child(2n) a .ll {
		margin-left: -31.5px;
	}
    .list16 li .a::before {
        content: "";
        position: absolute;
        border: solid 1px #a44545;
    }

    .list17 li:last-child .line{
        margin:0;
    }
}

@media(max-width: 456px) {
    .wp {
        padding: 0 15px;
    }
}

.jysjj .jys {
    min-height: 5.88rem;
}

@media(max-width: 1024px) {
    .jysjj .jys {
        min-height: auto;
    }
}