@charset "utf-8";@font-face {
    font-family: 'Britannic Bold';
    src: url(../fonts/BRITANIC.TTF);
}

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

@font-face {
    font-family: 'Celtic Garamond';
    src: url(../fonts/CELTICGARAMONDTHE2ND.TTF);
}

@font-face {
    font-family: 'Californian FB';
    src: url(../fonts/CALIFB.TTF);
}

@font-face {
    font-family: 'Futura Bk BT';
    src: url(../fonts/FuturaBkBTBook.ttf);
}

@font-face {
    font-family: '苹方';
    src: url(../fonts/SF-Pro-Display-Light.otf);
}

.h4s1 {
    font-size: .18rem;
    color: #000;
    line-height: 1.25;
    transition: .5s;
}
.cnm{ font-size:0.35rem; font-family: "思源宋体 CN"; font-weight:bold}

.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;
}

.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: .14rem;
    color: #999999;
    transition: .5s;
}

.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: 1.34rem;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
    transition: .2s;
}

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

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

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

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

.pc_header .right {
    width: 12.95rem;
    max-width: calc(100% - 2.17rem - .3rem);
    display: flex;
    height: 100%;
    flex-direction: column-reverse;
    justify-content: center;
}

.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;
    font-family: "宋体";
    transition: .5s;
    padding: 0.1rem 0.15rem;
}
.search {width:179px; height:113px; padding:37px 123px 0 0; background:url(../images/dance.png) no-repeat right top;}
.search a {margin-bottom:10px; color:#fff;}
input.intext {width:109px; height:33px; line-height:33px; padding:0 60px 0 10px; background:url(../images/search.png) no-repeat left center; color:#999; font-size:13px; font-family:微软雅黑;}
input.insub {width:50px; height:33px; margin-top:-33px; cursor:pointer; background:none;}
.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 .5rem 0 0;
}

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

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

#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: .6rem;
}

#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;
	color:#4E1092
}

#nav ul li .sub {
    position: absolute;
    top: 100%;
    background: #4E1092;
    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: #fff;
    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: #960121;
}

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

#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: #4E1092;
}

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

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

.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: #960121;
    border: #960121 1px solid;
    height: .35rem;
    padding: 0 .2rem;
}

#nav_btn_box.on {
    background: none;
}

#nav_btn .point.on .navbtn::after, #nav_btn .point.on .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 .point.on .navbtn {
    background: transparent;
}

#nav_btn .point.on .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 .point.on .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: url(../images/home7.jpg) center no-repeat;
    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;
}

#m_nav .search_box input.submit {
    background: #8f000b url(../images/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/dd.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: #960121 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 #960121;
    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: #960121;
    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: #960121 url(../images/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('../images/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(../images/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: #960121;
    border: #960121 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() center bottom no-repeat;
    background-size: cov
    background-attachment: fixed;
    z-index: -1;
}

.home1 .wp {
    width: 14rem;
}

.tit1 {
    justify-content: center;
    margin-bottom: .7rem;
}

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

.tit1 .ll_li h3 {
    font-size: .48rem;
    color: #010101;
    width: 1rem;
    margin: 0.1rem 0 0 0 ;
    font-weight: 300;
    transform: translate(0, -.06rem);
}

.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
}
.title4{
	height: 0.6rem;
	border-bottom: 2px solid #e5e5e5;
	width:100%;
	padding-bottom:0.05rem;
	margin-bottom:0.15rem
}

.title4 span{
	float: left;
	height: 35px;
	line-height: 24px;
	font-size: 20px;
	font-weight: bold;
	padding: 0px 2px;
}

.title4 span img{
	max-height: 24px;
}

.title4 span i{
	font-style: normal;
	color: #d0d0d0;
	font-weight: normal;
	margin: 0px ;
	font-size:0.13rem
}

.title4 p{
	float: left;
	height: 20px;
	line-height: 20px;
	border-left: 1px solid #dcdcdc;
	margin: 2px 0px 0px 25px;
}

.title4 p a{
	margin-left: 25px;
	color: #888;
}

.title4 .more{
	float: right;
	width: 27px;
	height: 5px;
	background: url("../images/title-more1.png");
	margin: 10px 0px 0px 0px;
}

.title4 .more:hover{
	background: url("../images/title-more2.png");
}
.home1 .fl01 .left {
    width: 48%;
    padding: 0 .12rem 0 0;
}

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

.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: #960121;
    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;
   
}

.list4 .time {
    width: 1.48rem;
    height: .42rem;
    background: #960121;
    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: #000;
}

.list5 {
    margin: 0 -.01rem;
     overflow: hidden;
}

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

.list5 .img .img_hezi {
    padding-bottom: 76.34%;
    padding-bottom: 1.89rem;
}
.list5 .time {
	float:right;
    z-index: 1;
    font-size: .16rem;
    color: #000;
}
.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: #000
}

.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: #000;
    opacity: .25;
    width: 100%;
    height: 1px;
}

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

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

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

.list5 dd {
    margin-bottom: .56rem;
    position: relative;
}
.list5 dd img{
   width:40%; float:left;
   padding-right:0.1rem
}
dd {
}

.list5 dd:last-child {
    margin-bottom: 0
}
.hbj{width: 100%;
	clear: both;
	background-color: #e9e9e9;
	margin-top: 0.05rem;
	padding:  0.05rem 0 ;}
.poster-main {
  position: relative;

}

.poster-main a, .poster-main { display: block; width:100%; height:100%;}
.poster-main img{width:8.125%; height:15%; }
.poster-main .poster-list {
  width: 100%;
  height: 5rem;
}

.poster-main .poster-list .poster-item {
  width: 0.05rem;
  height:  0.05rem;
  position: absolute;
  left: 0;
  top: 0;
 
}

.poster-main .poster-btn {
  position: absolute;
  top: 0;
  cursor: pointer;
  filter: opacity(.5) brightness(1);
}
.poster-main .poster-btn:hover{ filter: opacity(1) brightness(2); }

.poster-main .poster-prev-btn {
  left: 0;
  background: url(../images/left.png) no-repeat center center;
}

.poster-main .poster-next-btn {
  right: 0;
  background: url(../images/right.png) no-repeat center center;
}
.poster-item-title{
	font-size: 18px;
	text-align: center;
	line-height: 48px;
	position: absolute;
	text-shadow: 1px 1px 2px #000;
	bottom: 0;
	padding: 20px 18px;
	left: 0;
	right: 0;  color:#FFF
	
}
.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: #960121;
    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
}

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

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

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

.home2 .wp {
    width: 14.3rem;
}

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

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

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

.home2 .right .top {
    padding: .6rem .7rem .56rem;
    background: rgba(192,23,59,.27);
    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;
}

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

.list8 .img {
    width: 2.4rem;
}

.list8 .img .img_hezi {
    padding-bottom: 84.16667%
}

.list8 .txt {
    width: calc(100% - 2.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: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    border-right: #96959e 1px dashed;
    margin-left: -1px;
    z-index: -1
}

.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: .65rem -.15rem .17rem;
    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: .15rem;
    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: .15rem .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: #fff;
    margin: .1rem 0 .15rem;
    opacity: .8;
}

.list10 .rr .txt p {
    color: #fff;
}

.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: #dfe0e5
}

.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: -18.5px;
}

.list10 li:nth-child(2n) a .ll {
    margin-left: -18.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: #960121;
}

.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: #960121;
}

.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 .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:  1.55rem 0  0;
    background: url(../images/home5.jpg) center no-repeat;
    background-size: 100%;
    position: relative;
    z-index: 1;
	 overflow: hidden;
	  
}


.home5 img{ border: #FFF 0.02rem solid }
.home7 img{ border: #FFF 0.02rem solid ;}
.home5 .fl01 {
    position: relative
}

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

.home5 .wp {
    width: 14rem;
}

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

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

.home5 .left {
    width:50%;
    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: #960121;
}

.list16 {
    width: 100%;
}

.list16 li {
    width: 33.33%;
}

.list16 li .a {
    display: flex;
    height: 3rem;
    background: #284a8a;
    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;
}

.home6 .bg1 {
    position: absolute;
    top: 0;
    width: 50%;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: url(../images/home6_b1.jpg) center top no-repeat;
    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-size: cover;
}

.home6 .wp {
    width: 14.6rem;
}

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

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

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

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

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

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

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

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

.list17 li h4 {
    font-size: .18rem;
}

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

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

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

.right .list17 li .line {
    background: #e6e6e6
}

.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;
    right: 1.8rem;
    height: 1px;
    right: 0;
}

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

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

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

.list17s1 {
    padding: .21rem .18rem .20rem;
	background:url(../images/p3bj.jpg);
}

.list17s1 .a {
    line-height: .485rem;
    align-items: center;
    padding-left: .3rem;
    border-bottom: rgba(255,255,255,.5) 1px dashed;
    transition: all .5s;
}

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

.list17s1 i {
    font-style: normal;
    color: #b3b3b3;
    margin-left:0;
	text-align:left;
	
}

.list17s1 h4 {
    color: #242424 !important;
    flex: 1;
}

.list17s1 li {
    position: relative;
}

.list17s1 li:before {
    position: absolute;
    width: .2rem;
    height: .25rem;
    background: url(../images/xsyj_icon.png) no-repeat;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover;
}
.listStyle>a:before {
	content: '';
	border: 0;
	height: 3px;
	width: 3px;
	background-color: #000;
	border-radius: 50%;

	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}




.list17s1 li:hover:before {
    left: .1rem;
    transition: .5s;
}

.list17s1 li svg {
    width: 0.27rem;
    height: 0.27rem;
    fill: #fff;
    transition: .5s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

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

.home7 .wp {
    width: 14rem;
}

.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
}
.prolist{width: 106%; position: relative;}
.prolist .item{width: 280px; height:400px;padding-top: 10px;overflow: hidden;float: left;margin: 0 26px 26px 0;position: relative;text-align: center;transition: all .5s;}
.prolist .item a{display: block; width: 100%;}
.prolist .item img{width: 230px;height: 230px;display: block;margin: 0 auto; border-radius:50%;}
.prolist .item h3{font-size: 20px;color: #333;padding: 22px 0 15px;transition: all .5s;}
.prolist .item .detail1{ width:50%; margin:0 auto; padding:0 ; font-size:14px; line-height:20px; height:60px; overflow:hidden}
.prolist .item:hover{
	 transform: scale(1.1);
  transition: all .5s;
	
	}
.prolist .item:hover h3{color: #e5007f;}
.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(../images/list21_ico1.png) left .05rem no-repeat;
    background-size: .21rem .21rem;
    padding: 0 0 0 .3rem;
}

.list21 li h6.h6 {
    font-size: .14rem;
    background: url(../images/list21_ico2.png) left .05rem no-repeat;
    background-size: .21rem .21rem;
}

.list21 li .bottom {
    height: 1.1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: .2rem 0 0
}

.list21 li .bottom .line {
    width: 1px;
    background: rgba(0,0,0,.1);
    flex: 1;
    overflow: hidden
}

.list21 li .bottom .ico {
    display: flex;
    width: .44rem;
    height: .44rem;
    border: rgba(0,0,0,.1) 1px dashed;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: #f0f0f0;
    transition: .5s;
}

.list21 li .bottom .ico svg {
    width: .3rem;
    height: .3rem;
    fill: #595959
}

.miso-arrow3 {
    position: absolute;
    border: rgba(0,0,0,.2) 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);
}

@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: #960121;
    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%
}

footer {
    background: url(../images/b1.jpg) ;
    padding: .5rem 0 .35rem;
    overflow: hidden;
}

footer .wp {
    width: 13.8rem
}

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

footer .fl01 img {
  
}

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

footer .fl02 .left h3 {
    font-size: .16rem;
    color: #ffffff;
    margin-bottom: .12rem;
	line-height:0.25rem
}

footer .fl02 .left {
    width: calc(100% - 36.75%);
    padding: .2rem 1.1rem 0 0;
}

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

.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(../images/list27_i1.png) center no-repeat;
    background-size: 100% 100% !important;
    opacity: .07;
    top: 50%;
    margin-top: -.38rem;
    left: -.64rem
}

.list27 li svg {
    width: .16rem;
    height: .16rem;
    fill: rgba(255,255,255,.22);
    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;
    width: 100%;
}

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

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

.list28 li .ico svg {
    width: .22rem;
    height: .22rem;
    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 {
}

.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: 31.25%;
}

.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: 1.3rem;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: .2rem 0 0;
}

.mianbao .dq:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    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%;
}

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

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

.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: 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: #fff;
    font-style: normal;
    line-height: 1.5;
}

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

.mianbao img {
    margin: 0 .12rem 0 0;
    height: .17rem;
}
.arecttitle {
	border-bottom: 1px dotted #ddd;
	text-align: center;
}
.arecttitle h1 {
	font-size: 28px;
	line-height: 30px;
	color: #000;
	margin-bottom: 5px;
}
.arecttitle .mark {
	width: 100%;
	padding: 5px 0 10px;
}
.arecttitle .mark span {
	display: inline-block;
	padding-left: 5px;
	font-size: 12px;
	color: #666;
}
.arecttitle .mark span:first-child {
	padding-left: 0;
}
.showContxt {
	padding: 20px 0; font-size:14px
}
.showContxt img {
	max-width: 100% !important;
	display: block;
	margin: 0 auto;
}
.n_left1 {
    width: 2.54rem;
    z-index: 1;
	position: relative;
	top: -1.765rem;
	float:left;
	padding: 0 .12rem 0 0;
	
	
}

.n_left1 .toptitle {
	width: 100%;
	background: #7200b6;
	color: #fff;
	padding: 0 26px;
}
.n_left1 .toptitle h3 {
	border-bottom: 1px solid #d64e4e;
	color: #f9f9f9;
	font-weight: bold;
	font-size: 26px;
	display: block;
	line-height: 44px;
}
.n_left1 .toptitle h4 {
	font-size: 12px;
	font-family: arial;
	text-transform: uppercase;
	color:#FFF;line-height: 44px;
	
}

.n_right1 {
     width: calc(100% - 2.54rem);
    padding: 0 0 0 .7rem;
	float:right
}
.icon {
	background: url( ../images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.sitepath {
	width:4rem;
	line-height: 49px;
	color: #88848b;
	margin-bottom: 28px;
	font-size:14px;
	text-align:right
}
.sitepath .home {
	width: 0.12rem;
	height: 0.12rem;
	display: inline-block;
	background-position: -100px -100px;
	margin-right: 0.02rem;
}
.sitepath a {
	color: #88848b;
	display: inline-block;
	white-space: nowrap;
}
.sitepath a:hover {
	color: #ff0505;
}
.list {
	padding-top: 10px;
	width: 100%;
}
.newslist {
	padding: 0;
}
.newslist .item {
	width: 100%;
	display: block;
	margin-bottom: 0.5rem;
	background: #f7f7f7;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.newslist .item a {
	display: block;
	padding: 20px;
}
.newslist .item .img {
	width: 15%;
	overflow: hidden;
}
.newslist .item .img img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.3s ease-out 0s;
}
.newslist .item a:hover .img img {
	transform: scale(1.1, 1.1);
}
.newslist .item .txt {
	width:83%;
}
.newslist .item .txt h3 {
	color: #000;
	font-size:0.2rem;
	display: block;
	padding-bottom: 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.newslist .item .txt p {
	font-size: 14px;
	color: #999;
	line-height: 24px;
}
.newslist .item a:hover .txt h3 {
	color: #fe0101;
}
.newslist .item:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

/*showNews*/
.shareNew{padding-bottom: 20px;}
.showInfo .title{font-size: 22px; color: #333333; text-align: center; padding: 10px 0 16px;}
.showInfo .mark{color: #666; height: 38px; line-height: 38px; overflow: hidden; text-align: center; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.showInfo .mark span{margin: 0 10px; font-size: 12px;}
.showInfo .img{width: 500px; display: block; margin: 10px auto 20px;}
.showInfo .img img{max-width: 100%; display: block; margin: 0 auto;}
.showInfo #pic{text-align: center;}
.showInfo #pic img{display: inline-block;max-width: 800px;padding: 1px;box-shadow: 0 0 20px 0 rgba(0,0,0,.3);}
.showInfo .showContxt{color: #666;padding: 0 2px 30px;line-height: 30px;text-align: justify;}
.showInfo .showContxt .t{position: relative; display: inline-block; *display: inline; *zoom: 1; color: #333; padding: 0 2px 5px; font-size: 16px; margin-bottom: 10px;}
.showInfo .showContxt .t:after{width: 20px; height: 2px; content: "\20"; background: #c21d24; display: block; position: absolute; left: 2px; bottom: -1px;}
.showInfo .showContxt img{max-width: 100%; height: auto !important;}
.showInfo .title2{height: 40px; line-height: 40px; margin-top: 20px; border-bottom: 1px solid #d9d9d9;}
.showInfo .title2 a{float: right; font-size: 12px; font-family: arial;}
.showInfo .title2 .left{height: 38px; line-height: 38px; font-size: 18px; border-bottom: 3px solid #4d485b;}
.list_ej {
    position: relative;
    z-index: 1;
    background: #efefef;
   
}

.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;
	border-left: #7200b6 3px solid;
	
}

.list_ej li>a::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 0;
    background: #7200b6;
    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 {
    color: #fff;
	
}

.list_ej li:hover>a {
    color: #fff;
	border-left: #ffb56c 3px solid;
}

.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(max-width: 580px) {
    .jxmsBox dl dd {
        display: inline-block;
        min-width: 49%;
    }
}

@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: #4E1092;
    }

    .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: #4E1092;
        border: #4E1092 1px solid
    }

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

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

    .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: #960121;
    }

    .list11 .a:hover .img_box:before, .list13 li .a:hover .img_box:before {
        opacity: 1;
    }

    .more1 .a1:hover {
        color: #960121;
    }

    .more1 .a1:hover svg {
        fill: #960121
    }

    .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: #960121;
    }

    .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: #960121;
    }

    .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: #960121;
    }

    .list9 .a:hover h4, .list8 .a:hover .txt h4 {
        color: #fff;
    }

    .list13 .a:hover h4 {
        color: #960121;
    }

    .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: #960121;
    }

    .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: 1600px) {
    .home1 .zy {
        padding: 0 0 0 10px;
    }

    .home1 .wp {
        padding: 0 15px 0 1rem;
    }

    .list15 li .a .txt p {
        margin: .1rem 0
    }

    .home8 .wp {
        padding: 0 0 0 1rem
    }

    .home4 .wp {
        padding: 0 0 0 1rem;
    }

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

    .home8 .right {
        width: 6rem;
    }

    .miso_tab1 {
        margin-left: -.7rem;
    }

    .miso_tab1>img, .list20 {
        transform: scale(.7)
    }
}

@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) {
    .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;
    }

    .tit1 .ll_li h3 {
        font-size: .36rem;
    }

    .home1 {
        padding: .5rem 0;
    }

    .tit1 {
        margin-bottom: .3rem;
    }

    .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
    }

    .home2 .right .tit1 {
        justify-content: center;
        margin-bottom: .3rem;
    }

    .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: 100%;
        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: 50%;
        margin: 0 !important;
    }

    .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
    }
}

@media(max-width: 767px) {
    .list5 dd {
		
    }
	 .list5 dd1 {
		
    }
 .list5 dd img{ width:30%; float:left; padding-right:0.1rem}
    .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;
    }

    .home6 .right {
        width: 100%;
        padding: .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;
    }

    .list17s1 li:last-child .a {
        border: none
    }

    .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%;
    }
	 .home5 , .bxs{ display:none}
	 .home5 .left {
        width: 100%;
    }
	 .home5 .left img {
        width: 25%;
    }

    .home5 .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 {
    }

    .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: 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: #4E1092;
    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: .18rem;
    color: rgb(255, 255, 255);
    margin: 0px;
    line-height: 26px;
    width: calc(100% - 40px);
    padding-left: 0.45rem;
    text-align: center;
    padding-top: .2rem;
    padding-bottom: .2rem;
}

#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: #960121;
}

.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
    }
	.productlist {
	position: relative;
}
.productlist .list {
	padding-top: 10px;
	width: 100%;
}
.productlist .item {
	width:23%;
	display: block;
	float: left;
	margin-right: 30px;
	margin-bottom: 0.2rem;
	padding-bottom:0.2rem;
	background: #fff;
	transition: all 0.3s ease-out 0s;
	border: 1px solid #cccccc;
}
.productlist .item a {
	display: block;
}
.productlist .item img {
	width: 100%;
	height: 217px;
	display: block;
}
.productlist .item h3 {
	font-size: 18px;
	padding: 20px 20px 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.productlist .item p {
	color: #999;
	padding: 0 20px;
	line-height: 24px;
	font-size:14px
}
.productlist .item:hover {
	transform: translate3d(0px, -16px, 0px);
	box-shadow: 0 3px 10px rgb(222, 222, 222);
}
}

@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;
    }
	.productlist {
	position: relative;
}
.productlist .list {
	padding-top: 10px;
	width: 100%;
}
.productlist .item {
	width:100%;
	display: block;
	float: left;
	margin-right: 30px;
	margin-bottom: 0.2rem;
	padding-bottom:0.2rem;
	background: #fff;
	transition: all 0.3s ease-out 0s;
	border: 1px solid #cccccc;
}
.productlist .item a {
	display: block;
}
.productlist .item img {
	width: 100%;
	height: 217px;
	display: block;
}
.productlist .item h3 {
	font-size: 18px;
	padding: 20px 20px 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.productlist .item p {
	color: #999;
	padding: 0 20px;
	line-height: 24px;
	font-size:14px
}
.productlist .item:hover {
	transform: translate3d(0px, -16px, 0px);
	box-shadow: 0 3px 10px rgb(222, 222, 222);
}
}

.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";
}

.list3{
    margin: 0  .2rem;
	width:100%;
	text-align:center;
	padding-bottom:0.5rem
}

.list3 li {
   
   
    margin-bottom: .2rem;
	text-align:center;
	border:#CCC 0.01rem solid;
	margin:0 0.2rem
}

.list3 li .a {
    display: flex;
    height: .38rem;
    background: #fff;
    padding: 0 .3rem;
    align-items: center;
    font-size: .2rem;
    color: #000;
    line-height: .26rem;
    position: relative;
    z-index: 1;
    transition: .5s;
	text-align:center
}

.list3 li.on .a, .list3 li .a:hover {
    color: #fff; background-color:#7200b6
}

.list3 li.on .a:before, .list3 li .a:hover:before {
  
    background: #4E1092
}


.list33 {
    margin: 0 -.2rem;
	width:100%;
	text-align:center;
}

.list33 li {
    width: 15%;
    padding: 0 .2rem;
    margin-bottom: .4rem;
	text-align:center
}

.list33 li .a {
    display: flex;
    height: .68rem;
    border:#000 0.01rem solid;
    padding: 0 .3rem;
    align-items: center;
    font-size: .2rem;
    color: #000;
    line-height: .26rem;
    position: relative;
    z-index: 1;
    transition: .5s;
	text-align:center
}

.list33 li .a:before {
    content: "";
    position: absolute;
    left: 0;
    width: .03rem;
    top: 0;
    bottom: 0;
    background: #4E1092;
    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;
}

.list35 li .a:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    height: 0;
}

.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 {
        height: 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: #960121
    }

    .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: .1rem .4rem;
}

.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: #fdf8f2 url(../images/jy_d_i2.png) right bottom no-repeat;
    background-size: 2.46rem auto;
}

.fl3 .more11 {
    color: #505050;
    font-size: .18rem;
    float: right;
    font-weight: normal;
    display: flex;
    align-items: center;
}

.fl3 .more11 svg {
    width: 0.22rem;
    height: 0.22rem;
    fill: #505050;
    margin: 0 0.06rem 0 0;
    transition: .5s;
}

.fl3,.jy_d .fl4 {
    padding: .7rem 0 0;
}

.fl4 .jys table {
    width: 100%;
}

.fl4 .jys table tr:first-child {
    font-weight: 700;
}

.fl4 .jys table tr.firstRow {
    font-weight: 700;
}

.fl4 .jys table tr td {
    font-size: .2rem;
    line-height: 2;
}

.fl4 .jys table tr.firstRow td {
    border-top: 3px solid #9f113f !important;
}

.fl4 .jys table tr td:first-child {
    border-left: none !important;
}

.fl4 .jys table tr td:last-child {
    border-right: none !important;
}

.fl4 .jys table tr:nth-child(2n) {
    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 .2rem 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: #9e0c3b;
    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", 苹方, "Microsoft Yahei", sans-serif !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: #960121;
    color: #fff !important;
    height: auto !important;
    padding: 10px 12px !important;
    border-radius: 5px !important;
    border: 1px solid #960121 !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: #960121 !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: 100%;
}

.yyyw .more1 {
    width: 33.3333%;
}

.yyyw .more1 .a1 {
    justify-content: flex-end;
}

.home3 .tit1 {
    width: 100%;
}

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

.list27s li a {
    font-size: .16rem;
    color: #dedede;
    line-height: .65rem;
    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;
}

.list_link dt {
    height: .4rem;
    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(0,0,0,.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;
}

@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 #960121;
    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: #960121;
}

@media(max-width: 1200px) {
    .attach h3 {
        font-size:.18rem;
    }
}

.jysjj {
    overflow: hidden;
    min-height: 4.88rem;
}

.ar_article .morejys {
    color: #960121;
    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;
}

@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;
    }
}

@media(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
    }
}

@media(max-width: 456px) {
    .wp {
        padding: 0 15px;
    }
}

.jysjj .jys {
    min-height: 5.88rem;
}

@media(max-width: 1024px) {
    .jysjj .jys {
        min-height:auto;
    }
}

.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;
}