/* CSS Document public*/
* {
    font-family: Arial, Helvetica, "Microsoft Yahei", sans-serif;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    vertical-align: top;
}

html {
    overflow-x: hidden;
    min-width: 1200px;
}

body {
    padding: 0;
    margin: 0;
    font-family: Arial, "Microsoft Yahei", Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch; /*安卓和 IOS html5 动画卡顿解决方案*//* overflow-x:hidden; */
    line-height: 1;
    font-size: 14px;
    min-width: 1200px
}

a {
    text-decoration: none;
    bblr: expression(this.onFocus=this.blur()); /*IE使用*/
    outline-style: none; /*FF使用*/;
    outline: none;
}

a, input, img, :focus {
    mayfish: expression(this.onfocus=this.blur);
    cursor: handbblr: expression(this.onFocus=this.blur()); /*IE使用*/
    outline-style: none; /*FF使用*/
}

/*去除a标签带来的虚框*/
ul {
    list-style: none;
}

img {
    border: 0px
}

ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p {
    padding: 0;
    margin: 0;
    font-weight: normal;
}

h3, h4, h5 {
    font-weight: normal;
}

h4 a:hover, h5 a:hover {
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    background: #d8d8d8;
    padding: 0;
    margin-bottom: 3.25rem;
    margin-top: 2.5rem;
}

abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video {
    display: block
}

video {
    object-fit: cover
}

.fl {
    float: left
}

.fr {
    float: right
}

.clear {
    clear: both;
    height: 0px;
    font-size: 1px;
    line-height: 0px
}

.container01, .container02, .container03, .container04, .container05, .container06, .container07, .container08, .n-container01, .n-container03, .n-container04 {
    margin: 0 auto;
}

.slow img:hover {
    transform: scale(1.05);
}

/*图片放大*/
.slow img {
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

/*缓慢效果*/
h5 a, .more a {
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
}

/*缓慢效果*/
slow01 {
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

/*缓慢效果*/
.slow02 {
    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.shadow {
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')"; /* For IE 8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999'); /* For IE 5.5 - 7 */
    -moz-box-shadow: 1px 1px 10px #999999; /* for firefox */
    -webkit-box-shadow: 1px 1px 10px #999999; /* for safari or chrome */
    box-shadow: 1px 1px 10px #999999; /* for opera or ie9 */
}

.radius {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.opacity {
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

/*透明代码*/
.overfloat-dot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

/*文本超出 小圆点显示*/
.gray {
    -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;
}

/*transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg); transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);*/ /*180度旋转*/
/*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/
/*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/ /*透明背景*/
.search_block {
    height: 80px;
    line-height: 80px;
}

.search_block img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}


.a_body {
    position: relative;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #f1f1f1
}

::-webkit-scrollbar-track {
    border-radius: 0;
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #333333
}

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

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}

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

textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}

.w100 {
    width: 100%
}

.w1280 {
    width: 1280px;
    margin: 0 auto
}

.fanhui {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 1000;
    cursor: pointer;
}

h5 a {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

ul li:hover h5 a {
    color: #ff0000
}

.more a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
}

.table {
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    height: 100%
}

.table_cell {
    display: table-cell;
    vertical-align: middle
}

img {
    vertical-align: middle
}

/*内容样式*/
.ar_article td,
.ar_article th {
    padding: 8px 0;
    border: none;
    vertical-align: middle;
    background: none;
    font-size: 16px;
    color: #333333;
}

.ar_article td p,
.ar_article th p {
    padding-bottom: 0;
    margin-bottom: 0;
}

.ar_article table {
    border-collapse: collapse;
    border-right: none;
    border-bottom: none;
    width: 100% !important;
}

.ar_article table tr:not(:first-child) td {
}

.ar_article table td {
    border-left: none;
    border-top: none;
}

.ar_article table td img {
    margin: -3px 6px 0 0;
}

.ar_article {
    font-size: 0.875rem;
    color: #6d6e70;
    line-height: 1.875rem;
    margin-bottom: 1.75rem;
}

.ar_article p {
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    text-indent: 2em;
    text-align: justify;
}

.ar_article strong {
    font-weight: bold;
}

.ar_article img {
    max-width: 100%;
    margin-bottom: 20px;
}

.ar_article a {
    color: #717173;
}

.ar_article h1, .ar_article h2, .ar_article h3, .ar_article h4, .ar_article h5 {
    font-weight: bold;
}

.ar_article h1 {
    font-size: 2.25rem;
    margin-bottom: 1.25rem
}

.ar_article h2 {
    font-size: 1.875rem;
    margin-bottom: 0.875rem;
}

.ar_article h3 {
    font-size: 1.5rem;
    margin-bottom: 0.9375rem
}

.ar_article h4 {
    font-size: 1.125rem;
    margin-bottom: 0.875rem
}

.ar_article h5 {
    font-size: 0.875rem;
    margin-bottom: 0.75rem
}

.ar_article h6 {
    font-size: 0.75rem;
    margin-bottom: 0.75rem
}

.ar_article ul li,
.ar_article ol li {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 2rem;
    list-style: inherit !important;
}

.ar_article ul li p,
.ar_article ol li p {
    padding-bottom: 0;
    margin-bottom: 3px !important;
}

.ar_article ul,
.ar_article ol {
    margin-bottom: 0.9375rem;
}

.ar_article sub {
    vertical-align: sub;
    font-size: smaller;
}

.ar_article sup {
    vertical-align: super;
    font-size: smaller;
}

.ar_article img {
    display: block;
    max-width: 600px;
    margin: 10px auto
}

/*百度播放器美化*/
#playercontainer_display_button, #video1_display_button, #video2_display_button {
    background: none !important;
    height: 40px;
    width: 40px !important;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 0 !important;
}

#playercontainer_display_button #playercontainer_display_button_play, #video1_display_button #video1_display_button_play, #video2_display_button #video2_display_button_play {
    background-size: 25px;
}

#playercontainer_display_button, #video1_display_button, #video2_display_button {
    height: 40px !important;
    margin-top: -20px !important;
}

#playercontainer_display .cbpreview, #video1_display .cbpreview, #video2_display .cbpreview {
    opacity: .75 !important;
}


/* Slider */
.miso-slider {
    position: relative;
    display: block;
    z-index: 0;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.miso-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.miso-list:focus {
    outline: none;
}

.miso-loading .miso-list {
    background: #fff;
}

.miso-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.miso-slider .miso-list, .miso-track, .miso-slide, .miso-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.miso-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1;
}

.miso-track:before, .miso-track:after {
    content: "";
    display: table;
}

.miso-track:after {
    clear: both;
}

.miso-loading .miso-track {
    visibility: hidden;
}

.miso-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

.miso-slide img {
    display: block;
}

.miso-slide.miso-loading img {
    display: none;
}

.miso-slide.dragging img {
    pointer-events: none;
}

.miso-initialized .miso-slide {
    display: block;
}

.miso-loading .miso-slide {
    visibility: hidden;
}

.miso-vertical .miso-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

/* Arrows */
.miso-prev, .miso-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    padding: 0;
    border: none;
    outline: none;
    top: 50%;
    z-index: 1
}

.miso-prev {
    left: 0
}

.miso-next {
    right: 0
}

/* Dots */
.miso-dots {
    position: absolute;
    bottom: 0;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
    white-space: nowrap;
}

.miso-dots li {
    position: relative;
    display: inline-block;
    height: 11px;
    width: 11px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer;
}

.miso-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.miso-dots li button:focus {
    outline: none;
}

.miso-dots li.miso-active a {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}


@font-face {
    font-family: myFirstFont;
}

@media (max-width: 1920px) {
    html {
        font-size: 16px;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    html {
        font-size: 15px;
    }
}

@media (min-width: 640px) and (max-width: 1399px) {
    html {
        font-size: 14px;
    }
}

@media (min-width: 471px) and (max-width: 639px) {
    html {
        font-size: 13px;
    }
}

@media (min-width: 329px) and (max-width: 470px) {
    html {
        font-size: 12px;
    }
}

@media (max-width: 328px) {
    html {
        font-size: 12px;
    }
}

/*==========================================公共 开始=============================================*/
.ar_wap {
    display: none
}

.a_body {
    position: relative;
    z-index: 0;
}

.section {
    overflow: hidden;
}

.w1200 {
    width: 1200px;
    margin: 0 auto
}

.w1400 {
    width: 1400px;
    margin: 0 auto
}


.header {
    position: fixed;
    left: 0%;
    top: 0;
    right: 0%;
    z-index: 3;
    transition: all 0.7s ease-out 0s;
}

.header {
    opacity: 0;
    transform: translateY(-100%);
}

.header.showdiv {
    opacity: 1;
    transform: none;
}

.body_home.showdiv .header {
    transform: none;
    opacity: 1;
}

.header00 .d1 {
    background: #920c19;
    color: #d39797;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    transition: all 0.6s ease-out 0s;
    overflow: hidden;
}

.header.lit .d1 {
    height: 0;
}

.header00 .d1 .nav_l i {
    margin: 0 18px;
    font-size: 12px;
}

.header00 .d1 .nav_l a {
    display: inline-block;
    line-height: 1;
}

.header00 .d1 .nav_l a:before {
    content: "";
    display: block;
    margin-bottom: 5px;
    border-top: 2px solid #d39797;
    transition: all 0.1s ease-out 0s;;
    transform: scaleX(0);
}

.header00 .d1 .nav_l a.now {
    color: #fff;
}

.header00 .d1 .nav_l a.now:before {
    transform: scaleX(1);
    border-color: #fff;
}

.header00 .d1 .nav_l a:hover:before {
    transform: scaleX(1);
    border-color: #fff;
}

.header00 .d1 .nav_r > a {
    margin-left: 30px;
}

.header00 .d1 .nav_r .a3 {
    display: inline-block;
    line-height: 40px;
    color: #fff;
    height: 40px;
    position: relative;
    cursor: pointer;
    margin-left: 30px
}

.header00 .d1 .nav_r a.a {
    margin-left: 6px
}

.header00 .d1 .nav_r > a {
    display: inline-block;
    line-height: 40px;
    color: #fff;
    height: 40px;
    position: relative;
    cursor: pointer;
}

.header00 .d1 .nav_r > a:before, .header00 .d1 .nav_r > .a3:before {
    content: "";
    display: block;
    top: 5px;
    border-top: 2px solid #d39797;
    transition: all 0.1s ease-out 0s;
    transform: scaleX(0);
    position: absolute;
    width: 100%;
}

.header00 .d1 .nav_r > a.now {
    color: #fff;
}

.header00 .d1 .nav_r a.now:before {
    transform: scaleX(1);
    border-color: #fff;
}

.header00 .d1 .nav_r > a:hover:before, .header00 .d1 .nav_r > .a3:hover:before {
    transform: scaleX(1);
    border-color: #fff;
}

.header00 .d2 {
    transition: all 0.3s ease-out 0s;
    height: 85px;
    background: url(../images/tmbj.png) no-repeat;
    position: relative;
    z-index: 3;
    background-size: cover;
}

.header00 .block {
    position: relative;
    height: 100%;
    z-index: 999999999999;
}

.header00 .logo {
    height: 100%;
}

.header00 .logo a {
    height: 100%;
    font-size: 0;
    display: block;
}

.header00 .logo img {
    max-height: 76%;
    vertical-align: middle;
    display: inline-block;
}

.header00 .logo a:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.header00 .nav_main {
    text-align: center;
    font-size: 18px;
}

.header00 .nav_main a {
    margin: 0 25px;
    color: #fff;
    display: inline-block;
    position: relative;
}

.header00 .nav_main a:after {
    content: "";
    border-bottom: 2px solid #94070a;
    margin-top: 5px;
    display: block;
    width: 100%;
    transition: all 0.6s ease-out 0s;
    transform: scaleX(0);
}

.header00 .nav_main a:before {
    content: "";
    border-left: 2px solid #94070a;
    height: 25px;
    transition: all 0.6s ease-out 0s;
    transform: scaleY(0);
    position: absolute;
    left: 50%;
    top: 100%;
    transform-origin: center top;
}

.header00 .nav_main a.hover:before {
    transform: none;
}

.header00 .nav_main a.now:after {
    transform: none;
}

.header00 .nav_main a.hover:after {
    transform: none;
}

.nav_child .item {
    padding: 40px;
    display: -ms-flexbox;
    display: flex;
    border-top: 2px solid #94070a;
    position: absolute;
    top: 100%;
    width: 900px;
    background-size: contain;
    opacity: 0;
    visibility: hidden;
}

.nav_child .item.s {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.6s ease-out 0s;
}

.nav_child .item .l {
    display: -ms-flexbox;
    display: flex;
    width: 45%;
}

.nav_child .item .l .pic {
    width: 142px;
}

.nav_child .item .l .pic img {
    width: 100%;
    height: auto;
}

.nav_child .item .l .txt {
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    color: #94070a;
    padding-left: 30px;
    line-height: 2.2;
}

.nav_child .item .r {
    width: 55%;
    font-size: 0;
}

.nav_child .item .r a {
    width: 33.33%;
    font-size: 18px;
    margin-top: 10px;
    display: inline-block;
}

.nav_child .item .r a:hover {
    color: #94070a;
}

.header.light {
    transform: none;
    opacity: 1;
}

.header.light .d2 {
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.header.light .tools {
    color: #333;
}

.header.light .tools .a {
    border-color: #ccc;
}

.header.light .nav_main a {
    color: #333;
}

.header.light .nav_main a:after {
    border-color: #94070a;
}

.header.light .nav_main a:before {
    border-color: #94070a;
}

body {
}

.body {
    position: relative;
    background: #fff;
    box-sizing: border-box;
}

.body.page {
    padding-top: 130px;
}

.home {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.home body {
    height: 100%;
    overflow: hidden;
    padding: 0;
}

.body_home {
    background: #000;
    height: 100%;
    overflow: hidden;
}


.header2 {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
    background: #ffffff;
    opacity: 0;
    transform: translateY(-100%);
    transition: all 0.5s ease-out 0s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.body_b .header2 {
    opacity: 0;
    transform: translateY(-100%);
}

.body_b.showdiv .header2 {
    transition: all 0.7s ease-in-out 0.5s;
    transform: none;
    opacity: 1;
}

.header2.showdiv {
    opacity: 1;
    transform: none;
}

.header2.light {
    opacity: 1;
    transform: none
}


.body_home .banner {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.body_home .banner .miso-list {
    height: 100%;
}

.body_home .banner .miso-track {
    height: 100%;
}

.body_home .banner .miso-slide > div {
    height: 100%;
}

.body_home .banner .frame {
    height: 100%;
}

.body_home .banner .frame video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.body_home .banner .child {
    background-size: cover;
    color: #fff;
    background-position: center center;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-color: #000;
}

.body_home .banner .child img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.body_home .banner .child:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

.body_home .banner .child .fz30 {
    position: absolute;
    left: 0;
    right: 380px;
    bottom: 50px;
    line-height: 1;
    padding-left: 40px;
}

.body_home .banner .child .a1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.body_home .banner .child .a2 {
    position: absolute;
    right: 15px;
    bottom: 35px;
    font-size: 24px;
    line-height: 1;
    width: 80px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.body_home .banner .child .a2:after {
    content: "\e76c";
    display: inline-block;
    vertical-align: middle;
    font-family: icon;
}

.body_home .banner .text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    text-align: center;
    opacity: 0;
    width: 50%;
}

.body_home .banner .showdiv .text {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    transition: all 2s ease-out 0.5s;
}

.body_home .banner .navg {
    position: absolute;
    padding-right: 0;
    bottom: 2vh;
    color: #fff;
    text-align: right;
    line-height: 1;
    width: 40vw;
    right: 50%;
    margin-right: -690px;
    z-index: 999999999;
}

.body_home .banner .navg ul {
    position: relative;
    text-align: right;
}

.body_home .banner .navg li {
    margin: 0 0 0 10px;
    font-family: Arial;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    border: #fff 1px solid;
    line-height: 1000px;
    overflow: hidden;
}

.body_home .banner .navg li.miso-active {
    font-size: 22px;
}

.body_home .banner .navg li:after {
    content: "";
    border-top: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    margin-left: 5px;
    transition: all 0.5s ease-out 0s;
}

.body_home .banner .navg li.miso-active {
    background: #fff;
}

.body_home .banner .tit {
    position: absolute;
    left: 50px;
    bottom: 60px;
    right: 50px;
    background: rgba(0, 0, 0, 0.5);
    height: 80px;
    line-height: 80px;
    color: #fff;
    display: flex;
    display: -ms-flexbox;

    justify-content: space-between;
}


.body_home .bb {
    position: absolute;
    left: 50%;
    bottom: 2vh;
    text-align: center;
    transform: translateX(-50%);
    color: #920c19;
    font-size: 36px;
    cursor: pointer;
    opacity: 0;
    font-family: icon;
    padding: 0 10px;
    animation: bb 2s linear 0s infinite;
    font-weight: bold;
    z-index: 1000;
    visibility: hidden;
}

.body_home .bb svg {
    fill: #920c19
}

@keyframes bb {
    0% {
        transform: translate(-50%, 0);
        opacity: 0;
    }
    20% {
        transform: translate(-50%, 3px);
        opacity: 1;
    }
    80% {
        transform: translate(-50%, 10px);
        opacity: 1;
    }
    90% {
        transform: translate(-50%, 10px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, 10px);
        opacity: 0;
    }
}

.body_home.showdiv .bb {
    opacity: 1;
    visibility: visible;
}

.body_home .bb:hover {
    animation-play-state: paused;
    color: #fff;
}

.body_b {
    position: fixed;
    left: 0%;
    top: 100%;
    bottom: 0;
    right: 0;
    background: #fff;
    overflow: hidden;
    transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    z-index: 1;
    overflow: auto;
    outline: none;
}

.body_b.showdiv {
    top: 0;
}

#navWrapper {
    float: left;
    margin-left: 20px;
}

#navWrapper .nav {
    font-size: 0;
}

#navWrapper .nav > li {
    display: inline-block;
    font-size: 18px;
    height: 100%;
    position: relative;
    padding: 0;
    margin-left: 10px;
}

#navWrapper .nav > li > a {
    display: block;
    padding: 0;
    height: 80px;
    line-height: 85px;
    color: #fff;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0)
}

#navWrapper .nav > li > a span:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    height: 2px;
    background: #920c19;
    transition: 0.6s;
    bottom: 20px
}

#navWrapper .nav > li.on > a span:after, #navWrapper .nav > li:hover > a span:after {
    height: 25px;
}


#navWrapper .nav > li > a span {
    display: inline-block;
    position: relative;
    transition: all ease-out .3s;
    font-size: 20px;
    height: 85px;
}

#navWrapper .nav > li > a > i {
    margin-left: 10px;
    color: #717171;
    transition: 0.36s ease;
}

#navWrapper .nav .subnav {
    position: absolute;
    width: 286px;
    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);
    height: auto;
    z-index: 199;
    top: 70px;
    left: 50%;
    margin-left: -142px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: 0.36s;
    background: #920c19;
}

#navWrapper .nav li:hover .subnav {
    top: 80px;
}

#navWrapper .nav .subnav li {
    width: 100%;
    text-align: left;
}

#navWrapper .nav .subnav li a {
    color: #fff;
    line-height: 22px;
    display: block;
    transition: all .2s ease-in-out;
    padding: 15px ;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    font-size: 17px;

    text-align: center;
}

#navWrapper .nav .subnav li a:before {
    content: "\f105";
    color: #999;
    font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
    float: right;
    margin-top: 2px;
    display: none;
}

#navWrapper .nav > li:hover .subnav {
    opacity: 1;
    visibility: visible
}

#navWrapper .nav .subnav li a.active, #navWrapper .nav .subnav li a:hover {
    background-color: #790914;
    color: #fff;
}

#navWrapper .nav .on span:before, #navWrapper .nav li:hover span:before {
    width: 100%;
    left: 0
}

.header2 #navWrapper .nav > li > a {
    color: #333
}

.header2.lit .d1 {
    height: 0;
}

.tc1 .tc {
    transition: all ease 300ms;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999999;
}

.tc1 .tc {
    pointer-events: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transform: scale(1.1);
    display: none;
}

.tc1 .tc.act {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

.tc1 .close:hover {
    transform: rotate(180deg);
}

.tc1 .close, .tc {
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}

.tc1 .tc-box {
    position: absolute;
    overflow: hidden;
    top: 50%;
    z-index: 9999;
    width: 200px;
    height: 250px;
    left: 50%;
    margin-left: -100px;
    margin-top: -125px;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: anim-close-2;
    animation-name: anim-close-2;
}

.tc1 .tc.act {
    display: block;
}

.tc1 .tc.act .tc-box {
    display: block;
    -webkit-animation-name: anim-open-2;
    animation-name: anim-open-2;
    transform: scale(1);
}

.tc1 .close {
    position: absolute;
    cursor: pointer;
    font-size: 20px;
    right: 30px;
    top: 30px;
}

.tc1 .tc-bg {
    height: 100%;
    background: rgba(0, 0, 0, .9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

.tc1 .tc-box h3 img {
    width: 200px;
    height: 200px;
}

.tc1 .tc-box h5 {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 1rem;
    color: #fff;
    text-align: center;
}

.tc2 .tc-box form {
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    height: 60px;
    width: 100%;
}

.tc2 .tc-box input[type="text"] {
    border: none;
    width: 94%;
    display: block;
    height: 60px;
    text-align: left;
    color: #434343;
    font-size: 14px;
    background: none;
    line-height: 60px;
    padding: 0 20px;
}

.tc2 .tc-box input[type="text"]:focus {
    text-align: left;
}

.tc2 .tc-box input[type="submit"] {
    position: absolute;
    right: 0;
    top: 50%;
    padding: 0;
    z-index: 2;
    background: url(../images/icon_search.png) center no-repeat;
    height: 60px;
    width: 70px;
    cursor: pointer;
    border: none;
    background-size: 20px 20px;
    margin-top: -30px;
}

.tc2 .tc {
    transition: all ease 300ms;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    visibility: hidden;
}

.tc2 .tc {
    pointer-events: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transform: scale(1.1);
}

.tc2 .tc.act {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

.tc2 .close:hover {
    transform: rotate(180deg);
}

.tc2 .close, .tc {
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}

.tc2 .tc-box {
    position: absolute;
    border-radius: 4px;
    overflow: hidden;
    top: 50%;
    z-index: 9999;
    background: #fff;
    height: 60px;
    width: 50%;
    left: 50%;
    margin-left: -25%;
    margin-top: -40px;
}

.tc2 .tc.act {
    display: block;
    visibility: visible;
}

.tc2 .close {
    position: absolute;
    cursor: pointer;
    font-size: 20px;
    right: 30px;
    top: 30px;
}

.tc2 .tc-bg {
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

.title00 {
    text-align: center;
    margin-bottom: 85px
}

.title00 h3 {
    position: relative;
    font-size: 36px;
    color: #000000
}

.title00 h3:before {
    content: "";
    position: absolute;
    width: 45px;
    height: 2px;
    background: #bc072d;
    left: 50%;
    margin-left: -22.5px;
    bottom: -22px;
}

.container01 {
    background: #f9f6ef;
    padding: 60px 0 60px
}

.container01 .fl01 ul {
    width: 690px;
    height: 380px;
}

.container01 .fl01 ul li a .img, .container01 .fl01 ul li a .img img {
    display: block;
    width: 690px;
    height: 380px;
    overflow: hidden;
    position: relative;
    object-fit: cover;
}

.container01 .fl01 ul li a .img h5 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    line-height: 42px;
    padding: 0 100px 0 20px;
    font-size: 20px;
    color: #fff;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.container01 .fl01 ul.miso-dots {
    position: absolute;
    bottom: 18px;
    right: 12px;
    width: auto;
    height: auto;
}

.container01 .fl01 ul.miso-dots li {
    width: 8px;
    height: 8px;
    border: #fff 1px solid;
    border-radius: 50%
}

.container01 .fl01 ul.miso-dots li.miso-active {
    background: #fff
}

.container01 .fl02 {
    margin-top: 20px
}

.container01 .fl02 ul {
    font-size: 0;
    margin: 0 -10px;
    margin-bottom: 34px;
}

.container01 .fl02 ul li {
    display: inline-block;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 20px
}

.container01 .fl02 ul li a {
    display: block;
    background: #fff;
    padding: 25px 25px 35px;
    position: relative
}

.container01 .fl02 ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 3px;
    background: #bc072d;
    transition: 0.6s
}

.container01 .fl02 ul li:nth-child(2) a:after, .container01 .fl02 ul li:nth-child(4) a:after, .container01 .fl02 ul li:nth-child(5) a:after, .container01 .fl02 ul li:nth-child(7) a:after {
    display: none
}

.container01 .fl02 ul li a h6 {
    position: relative;
    z-index: 2;
    font-size: 12px;
    color: #bc072d;
    margin-bottom: 12px;
    transition: 0.36s
}

.container01 .fl02 ul li a h4 {
    position: relative;
    z-index: 2;
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    transition: 0.36s
}

.more00 {
    text-align: center
}

.more00 a {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 38px;
    border: #920c19 1px solid;
    border-radius: 10px;
    font-size: 14px;
    color: #920c19;
    position: relative;
    transition: 0.36s
}

.more00 a:before {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    border: #920c19 1px solid;
    border-radius: 10px;
    transition: 0.36s
}

.container02 {
    padding: 100px 0 80px;
    background: #920c19
}

.container02 .content {
    font-size: 0;
    margin: 0 -28px;
}

.container02 .content .box {
    display: inline-block;
    width: 33.3333333%;
    padding: 0 28px;
}

.title01 {
    margin-bottom: 65px;
}

.title01 h3 {
    position: relative;
    font-size: 36px;
    color: #fff
}

.title01 h3:before {
    content: "";
    position: absolute;
    width: 45px;
    height: 2px;
    background: #fff;
    left: 0;
    bottom: -22px;
}

.title01 h3 .more {
    line-height: 36px;
    font-size: 14px;
    color: #fff
}

.title01 h3 .more a {
    color: #fff
}

.title01 h3 .more a .dot {
    position: relative;
    display: inline-block;
    line-height: 36px;
    margin-right: 30px;
}

.title01 h3 .more a .dot span {
    display: inline-block;
    width: 76px;
    height: 1px;
    background: #b3555e;
    vertical-align: middle;
    margin-top: -3px;
    position: relative;
}

.title01 h3 .more a .dot span:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    background: #b3555e;
    border-radius: 50%;
    right: -17px;
    top: 50%;
    margin-top: -9px;
    transition: 0.36s
}

.title01 h3 .more a .dot span:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 50%;
    right: -12px;
    top: 50%;
    margin-top: -4px;
    transition: 0.36s
}

.container02 ul.ul01 {
    width: 430px;
    height: 255px;
}

.container02 ul.ul01 li a .img, .container02 ul.ul01 li a .img img {
    display: block;
    width: 430px;
    height: 255px;
    overflow: hidden;
    position: relative;
    object-fit: cover;
}

.container02 ul.ul01 li a .img:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    z-index: 1
}

.container02 ul.ul01 li a .img h5 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    line-height: 45px;
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.container02 ul.ul02 {
    margin-top: 20px
}

.container02 ul.ul02 li {
    height: 42px;
    line-height: 42px;
    display: inline-block;
    width: 100%;
    padding: 0;
}

.container02 ul.ul02 li a {
    display: block;
    position: relative
}

.container02 ul.ul02 li a font {
    display: inline-block;
    width: 84%;
    font-size: 16px;
    color: #ecdedf;
    position: relative;
    padding-left: 12px;
    transition: 0.36s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.container02 ul.ul02 li a font:before {
    content: "";
    position: absolute;
    left: 0;
    background: #fff;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    top: 50%;
    margin-top: -3px;
}

.container02 ul.ul02 li a span {
    float: right;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);
}

.title02 h3 {
    color: #333333
}

.title02 h3:before {
    background: #920c19
}

.title02 h3 .more {
    color: #333333
}

.title02 h3 .more a {
    color: #333333
}

.title02 h3 .more a .dot span {
    background: #ebb4c0;
}

.title02 h3 .more a .dot span:before {
    background: #ebb4c0
}

.title02 h3 .more a .dot span:after {
    background: #920c19
}

.container03 {
    padding: 90px 0 20px
}

.pt {
    padding-top: 60px;
}

.container03 .left {
    width: 48%;
}

.container03 .left ul li {
    margin-bottom: 28px
}

.container03 .left ul li a {
    display: block;
    padding: 10px;
    border: #f1f1f1 1px solid;
    transition: 0.36s
}

.container03 .left ul li a .tit {
    width: 135px;
    height: 48px;
    line-height: 48px;
    border-right: #d6d6d6 1px solid;
    padding-right: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #333333;
    text-align: right
}

.container03 .left ul li a .con {
    width: 508px;
    float: left;
    padding: 4px 0 0;
    padding-left: 16px;
}

.container03 .left ul li a .con h6 {
    position: relative;
    z-index: 2;
    font-size: 12px;
    color: #9a9a9a;
    margin-bottom: 4px;
    transition: 0.36s
}

.container03 .left ul li a .con h4 {
    position: relative;
    z-index: 2;
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    transition: 0.36s;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.container03 .right {
    width: 48%;
}

.container03 .right ul li {
    margin-bottom: 14px
}

.container03 .right ul li a {
    display: block;
    padding: 7px;
    border: #fafafa 1px solid;
    transition: 0.36s;
    position: relative;
}

.container03 .right ul li a .tit {
    width: 110px;
    height: 64px;
    background: #f9f6ef;
    padding: 12px 0;
    padding-right: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
    transition: 0.36s
}

.container03 .right ul li a .tit h3 {
    font-size: 24px;
    color: #333333;
    margin-bottom: 2px;
}

.container03 .right ul li a .tit h4 {
    font-size: 14px;
    color: #bbb9b4
}

.container03 .right ul li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 28px solid #f9f9f9;
    border-left: 28px solid transparent;
    border-right: 0 solid transparent;
}

.container03 .right ul li a .con {
    width: 400px;
    float: left;
    padding: 2px 0 0;
    padding-left: 22px;
    border-left: #d6d6d6 1px solid;
    height: 60px;
    margin: 2px 0;
    margin-left: 18px;
    position: relative
}

.container03 .right ul li a span {
    position: absolute;
    right: 4px;
    bottom: 0px;
    font-size: 19px;
    color: #920c19;
    font-family: simsun;
}

.container03 .right ul li a .con h6 {
    position: relative;
    z-index: 2;
    font-size: 12px;
    color: #9a9a9a;
    margin-bottom: 4px;
    transition: 0.36s
}

.container03 .right ul li a .con h4 {
    position: relative;
    z-index: 2;
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    transition: 0.36s;
    text-overflow: ellipsis;
}

.container04 {
    padding-bottom: 90px
}

.container04 ul {
    font-size: 0;
    margin: 0 -18px;
    margin-bottom: 60px
}

.container04 ul li {
    display: inline-block;
    width: 20%;
    padding: 0 18px;
}

.container04 ul li a {
    display: inline-block;
    width: 250px;
    height: 392px;
    position: relative
}

.container04 ul li a:before {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 0;
    border: #dcdcdc 1px solid;
    transform: translateX(15px) translateY(15px);
}

.container04 ul li a:after {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    background: url(../images/jiao.png) center no-repeat;
    width: 19px;
    height: 17px;
}

.container04 ul li a .img, .container04 ul li a .img img {
    width: 250px;
    height: 392px;
    overflow: hidden;
    position: relative;
    object-fit: cover;
}

.container04 ul li a .con {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 28px 28px 12px;
}

.container04 ul li a .con h4 {
    font-size: 22px;
    line-height: 34px;
    color: #ffffff;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 5px;
}

.container04 ul li a .con h6 {
    width: 12px;
    font-size: 12px;
    color: #ffffff;
    writing-mode: tb-lr;
    writing-mode: vertical-lr;
    letter-spacing: 4px;
    float: right;
    padding: 306px 0 0
}

.container04 ul li a .con h6 span {
    position: relative
}

.container04 ul li a .con h6 span:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 148px;
    background: url(../images/line.png);
    bottom: 58px;
    left: 6px;
}

.container04 ul li:nth-child(2n) {
    margin-top: 50px
}

.container05 {
    padding: 76px 0;
}

.container05 .left {
    width: 480px;
    padding: 0;
}

.title03 {
    width: 36px;
    margin-left: 10px;
    float: left;
}

.title03 h3:before {
    left: 54px;
    width: 2px;
    height: 45px;
    background: #bc072d;
    top: 19px;
}

.container05 .right_con {
    width: 480px;
    height: 300px;
    position: relative
}

.container05 .right_con .miso_hd {
    width: 78px;
    position: absolute;
    bottom: 16px;
    left: 15px;
    z-index: 10;
}

.container05 .right_con .miso_hd ul li {
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 5px;
}

.container05 .right_con .miso_hd ul li a {
    display: block;
    height: 30px;
    border-radius: 15px;
    font-size: 12px;
    color: #fff;
}

.container05 .right_con .miso_hd ul li.miso-current a {
    background: #fff;
    color: #000000
}

.container05 .right_con .miso_bd ul li .img, .container05 .right_con .miso_bd ul li .img img {
    position: relative;
    width: 480px;
    height: 300px;
    overflow: hidden;
    object-fit: cover;
}

.container05 .right_con .miso_bd ul li .img .con {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 106px;
    background: rgba(146, 12, 25, 0.9);
    padding: 20px 10px 10px 110px;
}

.container05 .right_con .miso_bd ul li .img .con h5 {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    transition: 0.36s;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 12px;
}

.container05 .right_con .miso_bd ul li .img .con p {
    font-size: 12px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.5);
}

.container05 .right_con .miso_bd ul.miso-dots {
    bottom: 112px;
    text-align: right;
    width: auto;
    right: 4px;
}

.container05 .right_con .miso_bd ul.miso-dots li {
    width: 8px;
    height: 8px;
    border: #fff 1px solid;
    margin-left: 2px;
    border-radius: 50%;
}

.container05 .right_con .miso_bd ul.miso-dots li.miso-active {
    background: #fff
}

.container05 .right {
    width: 858px;
    padding: 0;
}

.container05 .right ul {
    font-size: 0;
    margin: 0 -18px;
}

.container05 .right ul li {
    display: inline-block;
    width: 50%;
    padding: 0 18px;
}

.container05 .right .img, .container05 .right .img img {
    width: 410px;
    height: 290px;
    overflow: hidden;
    position: relative;
}

.container05 .right .box:before {
    content: "";
    position: absolute;
    top: 15px;
    right: 0;
    bottom: -10px;
    left: 15px;
    border: #ad1a1a 2px solid;
    display: none;
}

.container05 .right .box {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 95%;
}

.container05 .right .box .con {
    display: inline-block;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    padding: 14px 10px;
    font-size: 18px;
    color: #000000;
    line-height: 28px;
    text-align: center;
}

.container051 {
    padding: 68px 0;
    background: #382e2f
}

.container051 .left {
    background: #42393a;
    width: 616px;
    padding: 18px
}

.title03 {
    width: 36px;
    margin-left: 10px;
    float: left;
}

.title03 h3:before {
    left: 54px;
    width: 2px;
    height: 45px;
    background: #bc072d;
    top: 19px;
}

.container051 .right_con {
    width: 480px;
    height: 300px;
    position: relative
}

.container051 .right_con .miso_hd {
    width: 78px;
    position: absolute;
    bottom: 16px;
    left: 15px;
    z-index: 10;
}

.container051 .right_con .miso_hd ul li {
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 5px;
}

.container051 .right_con .miso_hd ul li a {
    display: block;
    height: 30px;
    border-radius: 15px;
    font-size: 12px;
    color: #fff;
}

.container051 .right_con .miso_hd ul li.miso-current a {
    background: #fff;
    color: #000000
}

.container051 .right_con .miso_bd ul li .img, .container051 .right_con .miso_bd ul li .img img {
    position: relative;
    width: 480px;
    height: 300px;
    overflow: hidden;
    object-fit: cover;
}

.container051 .right_con .miso_bd ul li .img .con {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 106px;
    background: rgba(146, 12, 25, 0.9);
    padding: 20px 10px 10px 110px;
}

.container051 .right_con .miso_bd ul li .img .con h5 {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    transition: 0.36s;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 12px;
}

.container051 .right_con .miso_bd ul li .img .con p {
    font-size: 12px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.5);
}

.container051 .right_con .miso_bd ul.miso-dots {
    bottom: 112px;
    text-align: right;
    width: auto;
    right: 4px;
}

.container051 .right_con .miso_bd ul.miso-dots li {
    width: 8px;
    height: 8px;
    border: #fff 1px solid;
    margin-left: 2px;
    border-radius: 50%;
}

.container051 .right_con .miso_bd ul.miso-dots li.miso-active {
    background: #fff
}

.container051 .right {
    width: 100%;
    padding: 0 0 0;
}

.container051 .right ul {
    font-size: 0;
    margin: 0 -20px;
}

.container051 .right ul li {
    display: inline-block;
    width: 50%;
    padding: 0 20px;
}

.container051 .right ul li .img, .container051 .right ul li .img > img {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
    object-fit: cover;
}

.container051 .right ul li .img .con {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 68px 0;
    text-align: center
}

.container051 .right ul li .img .con h3 {
    margin-bottom: 22px
}

.container051 .right ul li .img .con h5 {
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    max-width: 220px;
    font-weight: bold
}

.container06 .left .img, .container06 .left .img img {
    width: 610px;
    height: 812px;
    overflow: hidden;
    position: relative
}

.container06 .left .box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.container06 .left .box .table {
    text-align: left;
    margin-left: 5px
}

.container06 .left .box .con {
    display: inline-block;
    width: 56px;
    background: rgba(255, 255, 255, 0.95);
    padding: 28px 10px;
    font-size: 24px;
    color: #000000;
    line-height: 28px;
    text-align: center
}

.container06 .right {
    width: 736px;
    padding: 96px 0 0
}

.container06 .right .title00 {
    text-align: left;
    margin-bottom: 72px
}

.container06 .right .title00 h3:before {
    margin-left: 0;
    left: 0
}

.container06 .right .box {
    position: relative;
}

.container06 .right .img, .container06 .right .img img {
    width: 725px;
    height: 488px;
    overflow: hidden;
    position: relative
}

.container06 .right .box:before {
    content: "";
    position: absolute;
    top: 15px;
    right: 0;
    bottom: -10px;
    left: 15px;
    border: #ad1a1a 2px solid
}

.container06 .right .box01 {
    position: absolute; /* top:0; */
    right: 10px;
    bottom: 10px; /* left:0; */
}

.container06 .right .box01 .con {
    display: inline-block;
    width: 56px;
    background: rgba(255, 255, 255, 0.95);
    padding: 28px 10px;
    font-size: 24px;
    color: #000000;
    line-height: 28px;
    text-align: center
}

.container06 .st0 {
    fill: none;
    stroke: #333333;
    stroke-width: 3;
    stroke-miterlimit: 10;
}

.container06 .st1 {
    fill: none;
    stroke: #333333;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

.container06 .fl02 {
    padding: 0;
}

.container06 .fl02 ul {
    font-size: 0
}

.container06 .fl02 ul li {
    display: inline-block;
    width: 14.28%;
    text-align: center;
}

.container06 .fl02 ul li a {
    display: block;
    transition: 0.6s
}

.container06 .fl02 ul li h3 {
    line-height: 112px;
}

.container06 .fl02 ul li h3 img {
    max-height: 100px
}

.container06 .fl02 ul li h5 {
    font-size: 22px;
    color: #000000
}


footer .fl01 {
    padding: 42px 0;
    background: #890606
}

footer .fl01 .left {
    background: url(../images/logo_on.png) left center no-repeat;
    padding-left: 400px
}

footer .fl01 .left p {
    font-size: 14px;
    line-height: 26px;
    color: #e0cccc
}

footer .fl01 .right {
    text-align: center
}

footer .fl01 .right h5 {
    line-height: 36px;
    color: #fff;
    font-size: 14px
}

footer .fl02 {
    padding: 15px 0;
    background: #2a2021;
    text-align: center
}

footer .fl02 p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 24px
}

.n_container {
    width: 1200px;
    overflow: hidden;
    margin: auto;
}

.n_container .left {
    width: 800px;
    float: left;

}

.n_title {
    position: relative; /* height: 50px; *//* line-height: 50px; */
    margin: 0;
    overflow: hidden;
    border-bottom: #dcdcdc 1px solid;
    margin-bottom: 24px;
    padding-bottom: 15px;
}

.n_title b {
    font-size: 22px;
    color: #920c19;
    font-weight: bold;
}

.n_title h1 {
    font-size: 20px;
    display: inline-block;
    color: #575757;
    line-height: 24px;
}

.position {
    font-size: 14px;
    color: #999999;
    padding: 0 0 0 20px;
    float: left;
    background: url(../images/position.png) left 3px no-repeat;
    line-height: 20px;
}

.position span, .position a, .position i {
    font-size: 14px;
    color: #a2a2a2;
    margin: 0 2px;
}

.position em {
    font-size: 12px;
    color: #999;
    font-style: normal;
}

.position a:hover {
    color: #920c19;
}

.n_left {
    width: 260px;
    border: #e5e5e5 1px solid;
}

.erji {
}

.erji h1 {
    height: 80px;
    line-height: 80px;
    background: #920c19;
    padding: 0 40px;
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    color: #fff;
}

.erji h1 img {
    margin: -3px 10px 0 0
}

.erji ul {
    padding: 20px 20px 0;
}

.erji ul li {
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
}

.erji ul li a {
    display: inline-block;
    width: 100%;
    height: 40px;
    background: #f3f3f3 url(../images/xy.png) 22px center no-repeat;
    padding: 0 0 0 50px;
    color: #333333;
    font-size: 16px;
    border-radius: 8px;
}

.erji ul li a:hover, .erji ul li.on a {
    background: #920c19 url(../images/xy_on.png) 22px center no-repeat;
    color: #fff;
}


.n_right {
    width: 75%;
    padding-bottom: 15px;
}

.n_list.liebiao ul li {
    height: 42px;
    line-height: 42px;
}

.n_list.liebiao ul {
    margin-bottom: 50px;
}

.n_list.liebiao ul li {
    background: url(../images/dot.png) no-repeat left center;
}

.liebiao ul li a {
    color: #404040;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: 0.36s;
    position: relative;
    padding-left: 0;
}

.liebiao ul li a:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 0;
    width: 6px;
    height: 10px;
    transition: 0.36s;
}

.liebiao ul li a font {
    padding-left: 15px;
    display: inline-block;
    max-width: 74%;
    font-size: 16px;
    color: #323232;
    position: relative;
    transition: 0.36s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 8px;
}

.liebiao ul li a img {
    display: inline-block
}

.liebiao ul li a span {
    float: right;
    font-size: 12px;
    color: #999999;
}

.liebiao ul li a .span {
    float: none;
    display: inline-block;
    width: 36px;
    height: 20px;
    line-height: 20px;
    background: #b1c2bd;
    border-radius: 2px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-right: 12px;
    transition: 0.36s
}


.fanye {
    text-align: center
}

.n_tu ul {
    font-size: 0;
    padding: 0;
    margin: 40px -15px;
}

.n_tu ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 33.333333%;
    padding: 0 15px;
    text-align: center;
    margin-bottom: 15px
}

.n_tu ul li a {
    display: block;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.n_tu ul li .img, .n_tu ul li .img img {
    width: 260px;
    height: 192px;
    overflow: hidden
}

.n_tu ul li h5 {
    height: 50px;
    font-size: 16px;
    color: #000000;
    line-height: 50px;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.n_tu ul li a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
    transform: scale(1.05);
}

.n_tu_wz ul li {
    margin-bottom: 35px;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.n_tu_wz ul li a {
    display: block;
    transition: 0.6s; /* overflow: hidden; */
}

.n_tu_wz ul li a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}

.mz_container03 ul li a:hover h4 {
    padding: 0 10px
}

.n_tu_wz ul .img, .n_tu_wz ul img {
    float: left;
    width: 255px;
    height: 178px;
    overflow: hidden;
    object-fit: cover;
}

.n_tu_wz ul .con {
    float: right;
    width: 635px;
    overflow: hidden;
    border: #e5e5e5 1px solid;
    padding: 18px 20px;
    height: 178px;
}

.n_tu_wz ul .con h4 {
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    margin-bottom: 8px;
    text-overflow: ellipsis;
}

.n_tu_wz ul .con h4 a {
    font-size: 16px;
    color: #000000;
}

.n_tu_wz ul .con p {
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    height: 40px;
    color: #808080;
    margin-bottom: 16px;
}

.n_tu_wz ul .con span {
    display: inline-block;
    width: 82px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    color: #808080;
    background: #e5e5e5;
    transition: 0.36s;
}

.n_detail .ar_title {
    padding-bottom: 0;
    margin-bottom: 24px;
    padding: 0 0 26px;
    border-bottom: #e6e6e6 1px solid;
    text-align: center;
}

.n_detail .ar_title h3 {
    font-size: 24px;
    color: #000000;
    margin-bottom: 15px;
    padding: 0;
    line-height: 48px;
    font-weight: bold;
}

.n_detail .ar_title h6 span {
    position: relative;
    font-size: 14px;
    color: #999999;
    display: inline-block;
    font-weight: normal;
    margin: 0 5px;
}

.n_detail .ar_title h6 span i {
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 3px;
}

.n_detail .ar_title h6 {
    vertical-align: top;
    text-align: center;
}


/*====上一篇下一篇====*/
#ar_fot {
    position: relative;
    padding: 24px 0;
    box-sizing: border-box;
    width: 100%;
    margin-top: 30px;
    border-top: #e6e6e6 1px solid;
}

#ar_fot h1 {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 32px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#ar_fot h1 span {
    color: #333333;
}

#ar_fot h1 a {
    font-size: 16px;
    color: #333333;
    font-weight: normal;
}

#ar_fot .bnt_back {
    position: absolute;
    top: 28px;
    right: 0;
    color: #fff;
    background: #063579;
    padding: 0 25px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

#ar_fot .bnt_back:hover {
    border-radius: 3px;
}

#ar_fot h1 a:hover {
    color: #920c19;
}

.n_banner {
    position: relative
}

.n_banner img {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    height: 400px;
    object-fit: cover;
}

.n_header {
    height: 125px
}

.n_list02 ul {
    font-size: 0;
    margin: 0 -11px;
    padding: 0;
    margin-bottom: 20px;
}

.n_list02 ul li {
    display: inline-block;
    width: 33.333333%;
    padding: 0 11px;
    margin-bottom: 22px;
    text-align: center;
}

.n_list02 ul li.li {
    width: 100%
}

.n_list02 ul li a {
    display: block;
    border: #f1f1f1 1px solid;
    padding: 15px;
}

.n_list02 ul li a .img {
    max-width: 100%;
    height: 176px;
    line-height: 176px;
    object-fit: cover;
    overflow: hidden;
}

.n_list02 ul li a .img img {
    max-width: 100%;
    max-height: 176px;
    object-fit: cover;
    overflow: hidden;
}

.n_list02 ul li a h5 {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin: 15px 0 10px;
}

.n_leader {
    padding: 30px 0 0
}

.n_leader h3 {
    text-align: center;
    font-size: 30px;
    color: rgb(204, 0, 0);
    font-weight: bold
}

.n_leader h5 {
    text-align: center;
    font-size: 18px;
    color: #444;
    margin: 14px 0 30px;
}

.n_leader table {
    margin-top: 60px
}

.n_zushi h3 {
    font-size: 20px;
    color: rgb(204, 0, 0);
    margin-bottom: 30px;
    line-height: 30px
}

.n_zushi .ar_article table tr:nth-child(2n) td {
    background: #fff
}

.n_zushi .box {
    margin-bottom: 50px
}


.kuaisutongdao {
    position: fixed;
    top: 40px;
    width: 100%;
    z-index: 100000;
    padding: 10px 0 30px;
    background: none;
    opacity: 0;
    visibility: hidden;
    transition: 0.36s;
    left: 0;
    transform: translateY(30px)
}

.kuaisutongdao.on {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    background: #fff;
}

.STYLE10 {
    font-size: 18px;
    font-weight: bold;
}

.STYLE12 {
    font-size: 18px;
}

.STYLE12 a {
    color: #333
}

table td {
    vertical-align: middle
}

.xglj {
    font-size: 16px;
}

.xglj a {
    color: #000000;
}

.xglj a:hover {
    color: brown;
}

/*==========================================内页 结束=============================================*/

@media (min-width: 768px) {
    .container01 .fl02 ul li a:hover:before {
        width: 100%
    }

    .container01 .fl02 ul li a:hover h6, .container01 .fl02 ul li a:hover h4 {
        color: #fff
    }

    .container01 .fl02 ul li a:hover:after {
        opacity: 0.1
    }

    .more00 a:hover, .more00 a:hover:before {
        border-radius: 0
    }

    .title01 h3 .more a:hover .dot span:before, .title01 h3 .more a:hover .dot span:after {
        transform: scale(1.05)
    }


    .container02 ul.ul02 li a:hover font {
        padding-left: 16px;
        color: #fff
    }

    .container03 .left ul li a:hover {
        border: #920c19 1px solid
    }

    .container03 .left ul li a:hover h4 {
        color: #920c19
    }

    .container03 .right ul li a:hover .tit {
        background: #920c19
    }

    .container03 .right ul li a:hover:before {
        border-bottom: 28px solid #f1f1f1;
    }

    .container03 .right ul li a:hover .tit h3, .container03 .right ul li a:hover .tit h4 {
        color: #fff
    }

    .container04 ul li a:hover .img img, .container05 .right ul li a:hover .img > img, .container06 .left a:hover .img img {
        transform: scale(1.05)
    }

    .container06 .fl02 ul li a:hover {
        transform: translateY(-20px)
    }

    .liebiao ul li a:hover font {
        padding-left: 4px;
        color: #920c19
    }

    .n_tu_wz ul li a:hover .con span {
        background: #920c19;
        color: #fff
    }

    .kuaisutongdao .fl02 ul li a:hover {
        transform: translateY(-5px)
    }
}


#footer {
    padding-top: 20px;
    background: #333333;
    margin-top: 10px;
    color: #fff;
    overflow: hidden;
    position: relative;
}

#footer::before {
    content: "";
    background: #BC072D;
    height: 10px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#footer .container {
    margin: 0px auto;
    width: 1180px;
    position: relative;
    margin-top: 10px;
}

#footer .container .friends {
    border-top: 1px solid #333;
    position: relative;
}

#footer .container .friends a {
    color: white;
}

#footer .container .friends .friends_list_ul li:hover {
    text-decoration: underline;
}

#footer .container .friends #link_menu {
    margin-bottom: 30px;
}

#footer .container .friends #link_896a3aee.links {
    text-align: left;
    font-size: 12px;
    padding: 1.5em 0;
}

#footer .container .friends #link_896a3aee.links ul {
    clear: both;
}

#footer .container .friends #link_896a3aee.links li {
    float: left;
    margin-right: 10px;
    line-height: 1.8em;
    list-style: none;
    padding: 0;
}

#footer .container .friends #link_896a3aee.links em {
    clear: both;
    display: block;
}

#footer .container .friends #link_896a3aee.links #link_menu li {
    font-size: 14px;
    line-height: 2.5em;
    cursor: pointer;
    width: 5em;
}

#footer .container .friends #link_896a3aee.links #link_menu i {
    font-size: 12px;
    line-height: 2.9em;
    float: right;
    font-style: normal;
    margin-right: 15px;
}

#footer .container .friends #link_896a3aee.links .on {
    font-weight: bold;
}

#footer .container .friendsLink {
    width: 1200px;
    margin: 10px auto;
    display: flex;
    align-items: baseline;
}

#footer .container .friendsLink h3 {
    color: white;
    font-size: 14px;
    float: left;
    margin-right: 20px;
    width: 135px;
}

#footer .container .friendsLink ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 29px;
}

#footer .container .friendsLink ul li {
    font-size: 12px;
    float: left;
    margin-left: 15px;
    margin-bottom: 3px;
}

#footer .container .friendsLink ul li:hover {
    text-decoration: underline;
}

#footer .container .friendsLink ul li a {
    color: white;
}

#footer .container .banquan {
    margin: 20px 0 15px 0;
    text-align: center;
    font-size: 12px;
    padding-bottom: 10px;
}

#footer .container .banquan a {
    color: white;
}

.tags {
    margin-top: 60px;
    color: white;
    font-size: 14px;
}

.tags a {
    display: inline-block;
    margin-left: 10px;
    font-size: 13px;
    color: white;
}

.turn_Page {
    margin-top: 30px;
    padding-bottom: 20px;
    overflow: hidden;
}

.turn_Page p {
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #999;
}

.turn_Page p span {
    font-size: 16px;
    color: #333333;
}

.turn_Page p span a {
    color: #333333;
}

.turn_Page p span:hover a {
    color: #C6252D;
}

.goTop:hover {
    background-position: -60px 0;
}

.closead {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: white;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    user-select: none;
}

.page_fenye {
    overflow: hidden;
    border-radius: 3px;
    font-size: 0px;
    line-height: normal;
    display: flex;
    justify-content: center;
}

.page_fenye a,
.page_fenye span {
    float: left;
    display: block;
    font-size: 14px;
    text-decoration: none;
    padding: 5px 12px;
    margin-left: -1px;
    border: 1px solid #ddd;
    line-height: 1.5;
    color: #999;
    background: #fff;
}

.page_fenye a:first-child,
.page_fenye span:first-child {
    -moz-border-radius: 50px 0 0 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px 0 0 50px;
}

.page_fenye a:last-child,
.page_fenye span:last-child {
    -moz-border-radius: 0 50px 50px 0;
    -webkit-border-radius: 0;
    border-radius: 0 50px 50px 0;
}

.page_fenye a:hover,
.page_fenye span:hover {
    border-color: #BC072D;
    background: #BC072D;
    color: #fff;
}

.page_fenye span {
    border-color: #BC072D;
    background: #BC072D;
    color: #fff;
}

.adversiment {
    position: relative;
    width: 300px;
    height: 300px;
    margin-top: 30px;
}

.adversiment a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.adversiment a img {
    width: 100%;
    height: 100%;
}

.adversiment a p {
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 50px;
    height: 20px;
    text-align: center;
    font-size: 12px;
    color: white;
    background-color: rgba(0, 0, 0, 0.4);
    line-height: 20px;
    border-radius: 0 5px 0 0;
}


.right_part {
    width: 300px;
}

.right_part .rp_01 {
    overflow: hidden;
}

.right_part .rp_01 .r_pub_tit {
    position: relative;
    height: 68px;
    line-height: 78px;
    font-size: 18px;
    padding-left: 20px;
    background: white;
    color: #000;
}

.right_part .rp_01 .r_pub_tit::before {
    content: "";
    width: 3px;
    height: 18px;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 30px;
    background: #BC072D;
}

.right_part .rp_01 ul {
    background: #fff;
    width: 300px;
    display: block;
    overflow: hidden;
    font-size: 16px;
}

.right_part .rp_01 ul li {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    display: block;
    height: 34px;
    line-height: 34px;
}

.right_part .rp_01 ul li:nth-child(1) span,
.right_part .rp_01 ul li:nth-child(2) span,
.right_part .rp_01 ul li:nth-child(3) span {
    color: #BC072D;
}

.right_part .rp_01 ul li a {
    color: #333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 285px;
}

.right_part .rp_01 ul li a span {
    color: black;
}

.right_part .rp_02 ul {
    background: white;
}

.right_part .rp_02 ul li {
    position: relative;
    padding-left: 10px;
}

.right_part .rp_02 ul li::before {
    content: '';
    position: absolute;
    bottom: 15px;
    left: 0px;
    width: 4px;
    height: 4px;
    background-color: #BC072D;
    border-radius: 50%;
}

.right_part .rp_03 ul {
    width: 300px !important;
}

.right_part .rp_03 ul li {
    width: 300px !important;
    height: 138px;
    margin-bottom: 15px;
    position: relative;
}

.right_part .rp_03 ul li a {
    display: inline-block;
}

.right_part .rp_03 ul li a img {
    width: 100%;
    height: 100%;
}

.right_part .rp_03 ul li p {
    position: absolute;
    bottom: 0;
    left: 10px;
    height: 30px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    text-align: center;
    display: inline-block;
    width: 264px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.recommend_part {
    margin-top: 50px;
}

.recommend_part .rec_tit {
    overflow: hidden;
    width: 800px;
    height: 36px;
    border-bottom: 1px solid #DADADA;
    margin: 20px auto 0px;
}

.recommend_part .rec_tit h3 {
    display: inline-block;
    font-size: 21px;
    color: #cf4789;
    width: auto;
    height: 35px;
    border-bottom: 2px solid #cf4789;
}

.recommend_part .rb_1 {
    overflow: hidden;
}

.recommend_part .rb_1 li {
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 30px;
    padding-left: 12px;
    position: relative;
    font-size: 16px;
    display: inline-block;
    width: 373px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.recommend_part .rb_1 li a {
    transition: all 0.3s;
    color: #333333;
}

.recommend_part .rb_1 li:hover a {
    color: #e14338;
}

.recommend_part .rb_1 li:hover::before {
    content: '';
    background-color: #e14338;
}

.recommend_part .rb_1 li::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 14px;
    width: 3px;
    height: 10px;
    background-color: #333333;
    transition: all 0.3s;
}

.recommend_part .rb_1 li:nth-of-type(2n) {
    margin-right: 0;
}


.banner_wrap {
    width: 1400px;
    margin: 100px auto 60px;
    overflow: hidden;
}

.banner_wrap  .left_banner{
    width: 800px;
    height: 600px;
    float: left;
    overflow: hidden;
}
.banner_wrap .right_text{
    width: 550px;
    float: right;
}

.right_text .news_list li{
    line-height: 30px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.right_text .news_list li a{
    color: #333333;
}
.right_text .news_list li:nth-child(5),.right_text .news_list li:nth-child(1),.right_text .news_list li:nth-child(9){
    font-weight: bold;
    margin-bottom: 10px;
}



.swiper-container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.swiper-container:hover .swiper-button {
    display: block;
}
.swiper-container .swiper-button {
    position: absolute;
    top: 50%;
    margin-top: -42.5px;
    width: 57px;
    height: 73px;
    z-index: 99;
    display: none;
}
.swiper-container .swiper-button-next {
    background: url(../images/next.png) no-repeat right top;
    opacity: 0.5;
    right: 0 !important;
}
.swiper-container .swiper-button-next:hover {
    opacity: 1;
}
.swiper-container .swiper-button-prev {
    opacity: 0.5;
    background: url(../images/pre.png) no-repeat left top;
    left: 0;
}
.swiper-container .swiper-button-prev:hover {
    opacity: 1;
}
.swiper-container img {
    width: 100%;
    height: 100%;
}
.swiper-container .desc {
    position: absolute;
    width: 100%;
    padding: 0 10px;
    font-weight: bold;
    bottom: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    text-align: left;
    color: white;
    font-size: 17px;
    overflow: hidden;
    background-size: 100%;
    background-image: linear-gradient(transparent, #000000);
}