blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

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

abbr, acronym, fieldset, img {
    border: 0
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

q:after, q:before {
    content: ''
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

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

.col-r, .col_r, .r, .ul-txt li span, .ul_txt li span, dt span {
    float: right
}

.c {
    clear: both
}

.n, em {
    font-weight: 400;
    font-style: normal
}

.b {
    font-weight: 700
}

.i {
    font-style: italic
}

.fa {
    font-family: Arial
}

.fg {
    font-family: Georgia
}

.ft {
    font-family: Tahoma
}

.fl {
    font-family: Lucida Console
}

.fs {
    font-family: 'ËÎÌå'
}

.fw {
    font-family: '΢ÈíÑźÚ'
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.tl {
    text-align: left
}

.tdu {
    text-decoration: underline
}

.tdn, .tdn:hover, a.tdl:hover {
    text-decoration: none
}

.fc0 {
    color: #000
}

.fc3 {
    color: #333
}

.fc6 {
    color: #666
}

.fc9 {
    color: #999
}

.fcr {
    color: red
}

.fcw {
    color: #fff
}

.fcb {
    color: #00f
}

.fcg {
    color: green
}

.f0 {
    font-size: 0
}

.f10 {
    font-size: 10px
}

.f12 {
    font-size: 12px
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f20 {
    font-size: 20px
}

.f24 {
    font-size: 24px
}

.vm {
    vertical-align: middle
}

.vtb {
    vertical-align: text-bottom
}

.vt {
    vertical-align: top
}

.vn {
    vertical-align: -2px
}

.vimg {
    margin-bottom: -3px
}

.m0 {
    margin: 0
}

.ml0 {
    margin-left: 0
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.mr0 {
    margin-right: 0
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.ml-1 {
    margin-left: -1px
}

.mt-1 {
    margin-top: -1px
}

.p1 {
    padding: 1px
}

.pl5 {
    padding-left: 5px
}

.p5 {
    padding: 5px
}

.pt5 {
    padding-top: 5px
}

.pr5 {
    padding-right: 5px
}

.pb5 {
    padding-bottom: 5px
}

.p10 {
    padding: 10px
}

.pl10 {
    padding-left: 10px
}

.pt10 {
    padding-top: 10px
}

.pr10 {
    padding-right: 10px
}

.pb10 {
    padding-bottom: 10px
}

.p20 {
    padding: 20px
}

.pl20 {
    padding-left: 20px
}

.pt20 {
    padding-top: 20px
}

.pr20 {
    padding-right: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pr, .rel {
    position: relative
}

.abs, .pa {
    position: absolute
}

.dn {
    display: none
}

.db {
    display: block
}

.dib {
    -moz-inline-stack: inline-block;
    display: inline-block
}

.di {
    display: inline
}

.ovh {
    overflow: hidden
}

.ovs {
    overflow: scroll
}

.vh {
    visibility: hidden
}

.vv {
    visibility: visible
}

.lh14 {
    line-height: 14px
}

.lh16 {
    line-height: 16px
}

.lh18 {
    line-height: 18px
}

.lh20 {
    line-height: 20px
}

.lh22 {
    line-height: 22px
}

.lh24 {
    line-height: 24px
}

.fix {
    *zoom: 1
}

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

.z {
    _zoom: 1
}

.h1 {
    height: 1px
}

.h5 {
    height: 5px
}

.h, .h10 {
    height: 10px
}

.h15 {
    height: 15px
}

.h20 {
    height: 20px
}

.h, .h1, .h10, .h15, .h20, .h5 {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    clear: both
}

body {
    font: 12px/1.5 Regular, "΢ÈíÑźÚ", "Microsoft Yahei";
    color: #444;
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
    overflow-y: auto;
}

a {
    text-decoration: none;
    color: #444;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

a:hover {
    color: #f60
}

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

input, select, textarea {
    font-size: 12px;
    color: #444;
    font-family: Regular, "΢ÈíÑźÚ", "Microsoft Yahei";
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

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

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

::-webkit-input-placeholder {
    color: rgba(118, 118, 118, .4)
}

::-moz-placeholder {
    color: rgba(118, 118, 118, .4)
}

::-ms-input-placeholder {
    color: rgba(118, 118, 118, .4)
}

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

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

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

.wp {
    width: 95%;
    max-width: 1680px;
    margin: 0 auto
}

.wp2 {
    width: 95%;
    max-width: 1520px;
    margin: 0 auto
}

.h50 {
    height: 50px;
    clear: both;
    overflow: hidden
}

.h100 {
    height: 100px;
    clear: both;
    overflow: hidden
}

* {
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

/*!×ÖÌå*/
@font-face {
    font-family: DIN;
    src: url(/static/fonts/DIN-Bold.otf)
}

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

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

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
}

.header:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    width: 100%;
    height: 0
}

.header.fixed {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    background-color: #8c1b15;
}

.hd-top {
    background-color: transparent;

}
#Ih-header .hd-top{display: none;}

.hd-top:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    width: 100%;
    height: 0
}

.hd-top .left {
    float: left;
}

.hd-top a {
    display: block;
    float: left;
    font-size: 14px;
    color: #d79999;
    line-height: 40px;
    position: relative;
    padding: 0 32px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.hd-top a:hover {
    color: #fff
}

.hd-top .left a:after {
    content: '';
    width: 1px;
    height: 14px;
    background-color: #d79999;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hd-top .left a:last-child:after {
    display: none
}

.hd-top .right {
    float: right;
    height: 100%;
}

.hd-top .right a {
    padding: 0 20px
}

.sobox {
    float: left;
    position: relative;
}

.sobox .tit {
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.sobox .tit:hover {
    color: #fff
}

.sobox .tit i {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    background: url(/static/images/icon1-on.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: -2px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.sobox .tit:hover i {
    background-image: url(/static/images/icon1.png)
}

.sobox .so {
    position: relative;
    display: none;
    width: 240px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.sobox .so .inp {
    display: block;
    width: 100%;
    height: 32px;
    font-size: 14px;
    color: #000;
    line-height: 40px;
    border: none;
    padding: 0 42px 0 10px;
    overflow: hidden
}

.sobox .so .sub-btn {
    display: block;
    width: 32px;
    height: 32px;
    background: url(/static/images/icon1.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: none;
    position: absolute;
    top: 0;
    right: 10px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.sobox .so .sub-btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    filter: alpha(Opacity=80);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.hd-con {
    background: transparent;
}

.hd-con:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    width: 100%;
    height: 0
}

.logo {
    position: relative;
    z-index: 2;
    overflow: hidden
}

.logo a {
    display: block;
    overflow: hidden;
    line-height: 44px;
}

.logo img {
    display: inline-block;
    vertical-align: middle;
    max-width: 24vw;
}

.logo.active img {
    max-width: 20vw;
}

.header.fixed .logo .img1, .logo .img2 {
    /*display: none*/
}

.header.fixed .logo .img2 {
    display: inline-block
}

.logo h3 {
    display: inline-block;
    vertical-align: bottom;
    font-size: 36px;
    color: #fff;
    line-height: 1.5em;
    font-family: Bold, "΢ÈíÑźÚ";
    margin-left: 20px;
    margin-bottom: -4px;
    overflow: hidden
}

.header.fixed .logo h3 {
    color: #8c1b15
}

.Ih-header{width: 100%;display: flex;justify-content: space-between;}
.Ih-header .left{width: 28%;}
.Ih-header .right{display: flex;flex-wrap: wrap;width: 70%;}
.Ih-header .right .up{width: 100%;display: flex;justify-content: flex-end;align-items: center;}
.Ih-header .right .up a{margin-left: 20px;color: #fff;font-size: .729vw;}
.Ih-header .right .dw{width: 100%;}
.Ih-header .right .dw .nav ul{display: flex;justify-content: flex-end;width: 100%;}

.header.fixed .Ih-header .right .up{display: none;}
.header.fixed .Ih-header .right .dw .nav{height: 100%;}
.header.fixed .Ih-header .right .dw .nav ul{height: 100%;}


.header2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.header2:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    width: 100%;
    height: 0
}

.header2.fixed {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.header2 .hd-top {
    background-color: #8c1b15
}

.header2 .hd-top:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    width: 100%;
    height: 0
}

.header2 .hd-top .left {
    float: left;
    margin-left: -32px
}

.header2 .hd-top a {
    display: block;
    float: left;
    font-size: 14px;
    color: #d79999;
    line-height: 40px;
    position: relative;
    padding: 0 32px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header2 .hd-top a:hover {
    color: #fff
}

.header2 .hd-top .left a:after {
    content: '';
    width: 1px;
    height: 14px;
    background-color: #d79999;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header2 .hd-top .left a:last-child:after {
    display: none
}

.header2 .hd-top .right {
    float: right;
    margin-right: -10px
}

.header2 .hd-top .right a {
    padding: 0 20px
}

.header2 .sobox {
    float: left;
    position: relative;
    padding: 0 10px
}

.header2 .sobox .tit {
    font-size: 14px;
    color: #d79999;
    line-height: 40px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header2 .sobox .tit:hover {
    color: #fff
}

.header2 .sobox .tit i {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    background: url(/static/images/icon1.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: -2px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header2 .sobox .tit:hover i {
    background-image: url(/static/images/icon1-on.png)
}

.header2 .sobox .so {
    display: none;
    width: 240px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    position: absolute;
    top: 40px;
    right: 20px;
    overflow: hidden
}

.header2 .sobox .so .inp {
    display: block;
    width: 100%;
    height: 32px;
    font-size: 14px;
    color: #000;
    line-height: 40px;
    border: none;
    padding: 0 42px 0 10px;
    overflow: hidden
}

.header2 .sobox .so .sub-btn {
    display: block;
    width: 32px;
    height: 32px;
    background: url(/static/images/icon1.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header2 .sobox .so .sub-btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    filter: alpha(Opacity=80);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.header2 .hd-con {
    background: linear-gradient(180deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 100%);
    padding: 28px 0 12px
}

.header2.fixed .hd-con {
    background: #fff
}

.header2 .hd-con:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    width: 100%;
    height: 0
}

.header2 .logo {
    float: left;
    position: relative;
    z-index: 2;
    overflow: hidden;
    display: block !important;
}

.header2 .logo a {
    display: block;
    overflow: hidden
}

.header2 .logo img {
    display: inline-block;
    vertical-align: middle
}

.header2 .logo .img1, .logo .img2 {
    display: none
}

.header2 .logo .img2 {
    display: inline-block
}

.header2.fixed .logo .img1, .logo .img2 {
    display: none
}

.header2.fixed .logo .img2 {
    display: inline-block
}

.header2 .logo h3 {
    display: inline-block;
    vertical-align: bottom;
    font-size: 36px;
    color: #fff;
    line-height: 1.5em;
    font-family: Bold, "΢ÈíÑźÚ";
    margin-left: 20px;
    margin-bottom: -4px;
    overflow: hidden
}

.header2.fixed .logo h3 {
    color: #8c1b15
}

.header2 .hd-top .left {
    padding: 0;
}

.header2 .nav li {
    padding: 0 8px;
}

.header2 .nav li::before {
    content: none;
}

.header2 .nav li a {
    color: #fff;
}

.header2 .nav li.on::before, .header2 .nav li:hover::before {
    content: none;
}

.header2 .nav li dd a:hover {
    background-color: #0a5bcc;
    color: #fff;
}

.floatdiv{width: 13vw;height: 9vw;position: fixed;z-index: 99;border-radius: 10px;background-color: #fff;overflow: hidden;box-shadow: 0 0 8px 2px #20202021;}
.floatdiv .top{height: 7vw;width: 100%;overflow: hidden;}
.floatdiv .top img{width: 100%;height: auto;}
.floatdiv .bottom{width: 100%;height: 2vw;display: flex;justify-content: center;align-items: center;padding: 10px 0;box-sizing: border-box;}
.floatdiv .bottom a{display: flex;font-size: 0.8vw;line-height: 1;margin: 0 6px;align-items: center;}
.floatdiv .bottom .line{display: inline-block;width: 1px;height: 100%;background-color: #0B0A09;margin: 0 10px;}
.floatdiv .bottom a img{max-width: 22px;}
.floatdiv .close{position: absolute;top: 4px;right: 4px;width: 16px;height: 16px;}
.floatdiv .close img{width: 100%;transition: 0.3s;}
.floatdiv .close img:hover{transform: rotate(180deg);}
.floatdiv.fd-hide{display: none;}
.side_div{width: 50px;height: 350px;position: fixed;right: 20px;top: 25%;background-color: #fff;box-shadow: 0 0 8px 2px #20202021;border-radius: 10px;padding: 10px 12px;box-sizing: border-box;z-index: 20;display: none;}
.side_div ul{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: space-between;}
.side_div ul li{width: 100%;height: 50px;position: relative;cursor: pointer;}
.side_div ul li .txt{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.side_div ul li .txt img{max-width: 100%;}
.side_div ul li .sd{position: absolute;width: 200px;height: auto;right: 50px;top: 0;display: none;background-color: #fff;min-height: 100%;padding: 20px 10px;box-shadow: 0 0 8px 2px #20202021;}
.side_div ul li .sd span{display: block;font-size: 16px;}
.side_div ul li .sd img{max-width: 180px;}
.side_div ul li .sd .small{max-width: 30px;}

.side_div ul li .sd::before{content: '';position: absolute; right: -11px;top: 23px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 10px solid #fff;transform: rotate(90deg);}
.side_div ul li:hover .sd{display: flex;flex-wrap: wrap;justify-content: center;align-content: center;}
.side_div ul li:hover .txt img{-webkit-filter: grayscale(100%);filter: progidXImageTransform.Microsoft.BasicImage(grayscale=1);}

.menuBtn {
    width: 30px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 9;
    padding-top: 4px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

.menuBtn b {
    display: block;
    height: 3px;
    background-color: #fff;
    margin-bottom: 5px;
    border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}

.menuBtn.open b {
    display: none;
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px
}

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

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

.nav {
}

.nav li {
    float: left;
    position: relative;
    margin: 0 10px
}

.nav li .v1 {
    display: block;
    font-size: 18px;
    line-height: 56px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    white-space: nowrap;
}

.header.fixed .nav li .v1 {
    color: #252626;
    white-space: nowrap;
}

.header.fixed .nav li.on .v1, .header.fixed .nav li:hover .v1, .nav li.on .v1, .nav li:hover .v1 {
    color: #8c1b15;
    font-weight: 700
}

.nav li.on::before, .nav li:hover::before {
    background-color: #8c1b15;
    content: '';
}

.nav dl {
    display: none;
    width: 200px;
    background-color: #fff;
    position: absolute;
    top: 56px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px 0;
}

.xx-hcon .nav li .v1:hover {
    color: #fff;
}

.nav dd {
    position: relative;
}

.nav dd a {
    display: block;
    font-size: 16px;
    color: #252626 !important;
    line-height: 45px;
    text-align: center;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.nav dd a:hover {
    color: #fff !important;
    background-color: #8c1b15;
}

.hover_blue:hover {
    color: #fff !important;
    background-color: #0a5bcc !important;
}

.nav .downbox {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 200px;
    background-color: #fff;
    padding: 10px 0;
}

.nav .down {
    display: none;
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    padding: 176px 0 62px;
    overflow: hidden
}

.nav .down .so {
    width: 1280px;
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

.nav .down .so .inp {
    display: block;
    width: 100%;
    height: 72px;
    border: none;
    font-size: 20px;
    color: #fff;
    line-height: 72px;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 8px;
    padding: 0 200px 0 40px;
    overflow: hidden
}

.nav .down .so .inp::-webkit-input-placeholder {
    color: #bfbfbf
}

.nav .down .so .inp::-moz-placeholder {
    color: #bfbfbf
}

.nav .down .so .inp::-ms-input-placeholder {
    color: #bfbfbf
}

.nav .down .so .sub-btn {
    display: block;
    width: 160px;
    height: 72px;
    font-size: 20px;
    color: #fff;
    line-height: 72px;
    text-align: center;
    border: none;
    background-color: #a62116;
    border-radius: 0 8px 8px 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.nav .down .so .sub-btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    filter: alpha(Opacity=80);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.nav .down .box {
    margin-top: 43px;
    overflow: hidden
}

.nav .down .item {
    float: left;
    width: 14.28%;
    padding: 0 10px;
    overflow: hidden
}

.nav .down .item h3 {
    font-size: 20px;
    color: #fff;
    line-height: 1.5em;
    text-align: center;
    position: relative;
    padding-bottom: 21px;
    margin-bottom: 14px;
    overflow: hidden
}

.nav .down .item h3:after {
    content: '';
    width: 28px;
    height: 2px;
    background-color: #a62116;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto
}

.nav .down .item .bt {
    overflow: hidden
}

.nav .down .item .bt a {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 2.25em;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.nav .down .item .bt a:hover {
    color: #a62116
}

.footer {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.fd-top {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding: 54px 0 39px
}

.fd-top:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    width: 100%;
    height: 0
}

.fd-logo {
    float: left;
    width: 390px;
    height: auto;
    margin-top: 10px;
    overflow: hidden
}

.fd-logo a {
    display: block;
    overflow: hidden
}

.fd-logo img {
    display: block;
    width: 100%;
    height: auto
}

.fd-top h3 {
    font-size: 24px;
    color: #fff;
    line-height: 44px;
    margin-bottom: 20px;
    overflow: hidden
}

.fd-follow {
    float: left;
    width: 260px;
    margin-left: 264px;
    margin-right: 150px
}

.fd-follow dd {
    float: left;
    margin-right: 34px;
    position: relative
}

.fd-follow dl .tit {
    float: left;
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 7px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.fd-follow dd:last-child {
    margin-right: 0
}

.fd-follow dl .down {
    display: none;
    width: 120px;
    height: 120px;
    position: absolute;
    left: 50%;
    top: -120px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    padding: 10px;
    overflow: hidden
}

.fd-follow dl .down .pic {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.fd-follow dl .down .pic img {
    display: block;
    width: 100%;
    height: 100%
}

.bsBox {
    width: 232px !important;
    height: 256px !important
}

.fd-contact {
    overflow: hidden
}

.fd-contact .con {
    font-size: 14px;
    color: #d79999;
    line-height: 24px;
    overflow: hidden
}

.fd-contact .con p {
    float: left;
    width: 50%;
    margin-bottom: 20px;
    overflow: hidden
}

.fd-contact .con i {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-right: 12px;
    overflow: hidden
}

.fd-contact .con span {
    display: block;
    overflow: hidden
}

.fd-copy {
    font-size: 14px;
    color: #d79999;
    line-height: 34px;
    padding: 21px 0 27px;
    overflow: hidden
}

.fd-copy span {
    display: inline-block;
    position: relative;
    padding: 0 16px
}

.fd-copy span a {
    color: #d79999;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.fd-copy span a:hover {
    color: #fff
}

.fd-copy .ll {
    float: left;
    margin-left: -16px;
    overflow: hidden
}

.fd-copy .rr {
    float: right;
    margin-right: -16px;
    overflow: hidden
}

.fd-copy .rr span:after {
    content: '';
    width: 1px;
    height: 14px;
    background-color: rgba(255, 255, 255, .3);
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fd-copy .rr span:last-child:after {
    display: none
}

.banner {
    overflow: hidden;
    position: relative
}

.banner .slick-list, .banner .slick-slide, .banner .slick-slider, .banner .slick-track {
    height: 100%
}

.banner .slick-slide {
    outline: 0;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.banner .slick-next, .banner .slick-prev {
    position: absolute;
    bottom: 60px;
    overflow: hidden;
    width: 36px;
    height: 36px;
    font-size: 0;
    line-height: 0;
    z-index: 4;
    border: none;
    background: center center no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 0
}

.banner .slick-prev {
    right: 442px;
    background-image: url(/static/images/icon9.png)
}

.banner .slick-next {
    right: 120px;
    background-image: url(/static/images/icon10.png)
}

.banner .item {
    height: 940px;
    min-height: 250px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.banner .con {
    display: block;
    overflow: hidden
}

.banner .tit {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .05) 19%, rgba(0, 0, 0, .6) 84%);
    padding-top: 94px;
    padding-bottom: 50px;
    overflow: hidden
}

.banner .tit h3 {
    font-size: 36px;
    color: #fff;
    line-height: 1.56em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.banner .slick-dots {
    position: absolute;
    right: 152px;
    bottom: 60px;
    width: 50%;
    text-align: right;
    z-index: 3
}

.banner .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
}

.banner .slick-dots li button {
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 36px;
    font-family: DIN, "΢ÈíÑźÚ";
    border: none;
    background: 0 0;
    padding: 0;
    cursor: pointer
}

.banner .slick-dots li.slick-active button {
    font-size: 32px;
    color: #a62116
}

.banner .slick-dots li button i {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 1px;
    background-color: #fff;
    margin-top: -6px;
    margin-left: 12px;
    position: relative;
    overflow: hidden
}

.banner .slick-dots li.slick-active button i {
    width: 64px
}

.banner .slick-dots li button i:after {
    content: '';
    width: 0;
    height: 1px;
    background-color: #a62116;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden
}

.banner .slick-dots li.slick-active button i:after {
    -webkit-animation: 5s shake;
    -moz-animation: 5s shake;
    -ms-animation: shake 5s;
    -o-animation: 5s shake;
    animation: 5s shake
}

.banner .animLoop {
    display: block;
    width: 40px;
    height: 76px;
    background: url(/static/images/icon11.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
    z-index: 5;
    margin: 0 auto;
    -webkit-animation: .8s infinite shake2;
    -moz-animation: .8s infinite shake2;
    -ms-animation: shake2 .8s infinite;
    -o-animation: .8s infinite shake2;
    animation: .8s infinite shake2;
    overflow: hidden
}

@keyframes shake {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-moz-keyframes shake {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-ms-keyframes shake {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-webkit-keyframes shake {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@-o-keyframes shake {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes shake2 {
    0%, 100% {
        bottom: 24px
    }
    50% {
        bottom: 18px
    }
}

@-moz-keyframes shake2 {
    0%, 100% {
        bottom: 24px
    }
    50% {
        bottom: 18px
    }
}

@-ms-keyframes shake2 {
    0%, 100% {
        bottom: 24px
    }
    50% {
        bottom: 18px
    }
}

@-webkit-keyframes shake2 {
    0%, 100% {
        bottom: 24px
    }
    50% {
        bottom: 18px
    }
}

@-o-keyframes shake2 {
    0%, 100% {
        bottom: 24px
    }
    50% {
        bottom: 18px
    }
}

/*!¹«ÓÃ*/
.m-video-pop {
    width: 80%;
    display: none
}

.m-video-pop .video {
    margin-bottom: 10px
}

.m-video-pop .video video {
    width: 100%;
    height: auto;
    display: block
}

.m-video-pop h3 {
    font-size: 20px;
    height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px
}

.m-video-pop .desc {
    height: 3em;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.g-tit1 {
    overflow: hidden
}

.g-tit1 .more {
    display: block;
    float: right;
    font-size: 16px;
    color: #8a8d8d;
    line-height: 56px;
    margin-left: 10px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.g-tit1.qm .more {
    font-size: 18px;
    color: #252626
}

.g-tit1 .more:hover {
    color: #8c1b15
}

.g-tit1.qm .more i {
    display: inline-block;
    vertical-align: middle;
    width: 56px;
    height: 56px;
    background: url(/static/images/icon13.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: -2px;
    margin-left: 24px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.g-tit1.qm .more:hover i {
    opacity: .8;
    filter: alpha(opacity=80);
    filter: alpha(Opacity=80);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.g-tit1 h3 {
    font-size: 32px;
    color: #252626;
    line-height: 56px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

/*! ÄÏӰѧԺ-Ö÷Õ¾ */
.row-a1 {
    padding: 67px 0 63px;
    overflow: hidden
}

.row-a1 .cont {
    margin-top: 29px
}

.row-a1 .cont:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    width: 100%;
    height: 0
}

.m-pic1 {
    float: left;
    width: 812px;
    overflow: hidden
}

.m-pic1 .item {
    overflow: hidden
}

.m-pic1 .con {
    display: block;
    overflow: hidden
}

.m-pic1 .pic {
    height: 0;
    position: relative;
    padding-top: 51.7%;
}

.m-pic1 .pic img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.m-pic1 a:hover .pic img {
    -webkit-transform: translate(-50%, -50%) scale(1.08);
    -moz-transform: translate(-50%, -50%) scale(1.08);
    -ms-transform: translate(-50%, -50%) scale(1.08);
    -o-transform: translate(-50%, -50%) scale(1.08);
    transform: translate(-50%, -50%) scale(1.08)
}

.m-pic1 .txt {
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px 136px 10px 36px;
    overflow: hidden
}

.m-pic1 .txt h3 {
    font-size: 18px;
    color: #fff;
    line-height: 1.5em;
    margin-bottom: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.m-pic1 .txt .date {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 1.5em;
    overflow: hidden
}

.m-pic1 .slick-dots {
    position: absolute;
    right: 0;
    bottom: 30px;
    width: 180px;
    font-size: 0;
    text-align: center;
    z-index: 2
}

.m-pic1 .slick-dots li {
    display: inline-block;
    margin: 0 6px
}

.m-pic1 .slick-dots li button {
    display: block;
    width: 12px;
    height: 12px;
    font-size: 0;
    line-height: 0;
    text-indent: 999px;
    border: none;
    background-color: #fff;
    border-radius: 50%;
    padding: 0
}

.m-pic1 .slick-dots li.slick-active button {
    background-color: #a62116
}

.ul-txt1 {
    float: right;
    width: 812px
}

.ul-txt1 li {
    margin-bottom: 24px
}

.ul-txt1 .con {
    display: block;
    -webkit-box-shadow: 0 6px 16px rgba(149, 157, 165, .2);
    -moz-box-shadow: 0 6px 16px rgba(149, 157, 165, .2);
    -ms-box-shadow: 0 6px 16px rgba(149, 157, 165, .2);
    -o-box-shadow: 0 6px 16px rgba(149, 157, 165, .2);
    box-shadow: 0 6px 16px rgba(149, 157, 165, .2);
    padding: 10px 28px;
    overflow: hidden
}

.ul-txt1 .date {
    display: block;
    float: right;
    font-size: 16px;
    color: #8a8d8d;
    line-height: 44px;
    margin-left: 10px;
    overflow: hidden
}

.ul-txt1 h3 {
    font-size: 16px;
    color: #252626;
    line-height: 44px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-txt1 a:hover h3 {
    color: #8c1b15
}

.ul-txt1 h3 i {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url(/static/images/icon12.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: -2px;
    margin-right: 16px
}

.row-a2 {
    padding: 67px 0 48px;
    overflow: hidden
}

.m-notice {
    float: left;
    width: 536px;
    margin-right: 56px;
    overflow: hidden
}

.ul-txt2 {
    margin-top: 27px;
    overflow: hidden
}

.ul-txt2 li {
    margin-bottom: 20px;
    overflow: hidden
}

.ul-txt2 .con {
    display: block;
    overflow: hidden
}

.ul-txt2 .date {
    float: left;
    width: 80px;
    font-size: 14px;
    color: #fff;
    line-height: 1.86em;
    text-align: center;
    background-color: #a62116;
    border-radius: 6px;
    margin-right: 24px;
    padding: 6px 0;
    overflow: hidden
}

.ul-txt2 .date span {
    display: block;
    overflow: hidden
}

.ul-txt2 .txt {
    border-bottom: 1px solid #e1e3e5;
    overflow: hidden;
}

.ul-txt2 h3 {
    height: auto;
    font-size: 14px;
    color: #252626;
    line-height: 1.71em;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-txt2 a:hover h3 {
    color: #8c1b15
}

.m-care {
    overflow: hidden
}

.ul-imgtxt1 {
    margin: 27px -14px 0;
    overflow: hidden
}

.ul-imgtxt1 li {
    float: left;
    width: 33.33%;
    padding: 0 14px;
    margin-bottom: 20px;
    overflow: hidden
}

.ul-imgtxt1 .con {
    display: block;
    overflow: hidden
}

.ul-imgtxt1 .pic {
    position: relative;
    height: 0;
    padding-top: 69.2%;
    margin-bottom: 18px;
    overflow: hidden
}

.ul-imgtxt1 .pic img {
    display: block;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-imgtxt1 a:hover .pic img {
    -webkit-transform: translate(-50%, -50%) scale(1.08);
    -moz-transform: translate(-50%, -50%) scale(1.08);
    -ms-transform: translate(-50%, -50%) scale(1.08);
    -o-transform: translate(-50%, -50%) scale(1.08);
    transform: translate(-50%, -50%) scale(1.08)
}

.ul-imgtxt1 h3 {
    font-size: 16px;
    color: #252626;
    line-height: 36px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-imgtxt1 a:hover h3 {
    color: #8c1b15
}

.ul-imgtxt1 span {
    display: block;
    font-size: 14px;
    color: #8a8d8d;
    line-height: 36px;
    overflow: hidden
}

.ul-imgtxt1 .slick-dots {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    font-size: 0;
    text-align: center;
    z-index: 2
}

.ul-imgtxt1 .slick-dots li {
    float: none;
    width: auto;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.ul-imgtxt1 .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    font-size: 0;
    line-height: 0;
    text-indent: 999px;
    border: none;
    background-color: #e1e3e5;
    border-radius: 8px;
    padding: 0
}

.ul-imgtxt1 .slick-dots li.slick-active button {
    width: 20px;
    background-color: #8c1b15
}

.row-a3 {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 71px 0 27px;
    overflow: hidden
}

.row-a3 .tit {
    text-align: center;
    overflow: hidden
}

.row-a3 .tit h3 {
    font-size: 40px;
    color: #fff;
    line-height: 1.5em;
    margin-bottom: 20px;
    overflow: hidden
}

.row-a3 .tit .desc {
    font-size: 16px;
    color: #fff;
    line-height: 2.25em;
    overflow: hidden
}

.ul-txt3 {
    margin: 79px -30px 0;
    overflow: hidden
}

.ul-txt3 li {
    float: left;
    width: 25%;
    padding: 0 30px;
    margin-bottom: 44px;
    overflow: hidden
}

.ul-txt3 .con {
    text-align: center;
    overflow: hidden
}

.ul-txt3 em {
    display: block;
    font-size: 60px;
    color: #fff;
    line-height: 1.33em;
    font-family: DIN, "΢ÈíÑźÚ";
    overflow: hidden
}

.ul-txt3 span {
    display: block;
    font-size: 18px;
    color: #fff;
    line-height: 2.12em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.row-a4 {
    padding: 69px 0 60px;
    overflow: hidden
}

.ul-imgtxt2 {
    margin: 27px -10px 0;
    overflow: hidden
}

.ul-imgtxt2 li {
    float: left;
    width: 21.5%;
    padding: 0 10px;
    margin-bottom: 20px;
    overflow: hidden
}

.ul-imgtxt2 .li1 {
    width: 13.9%
}

.ul-imgtxt2 .con {
    display: block;
    overflow: hidden
}

.ul-imgtxt2 .pic {
    position: relative;
    height: 0;
    padding-top: 58.9%;
    overflow: hidden
}

.ul-imgtxt2 .li1 .pic {
    padding-top: 198.55%
}

.ul-imgtxt2 .pic img {
    display: block;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-imgtxt2 a:hover .pic img {
    -webkit-transform: translate(-50%, -50%) scale(1.08);
    -moz-transform: translate(-50%, -50%) scale(1.08);
    -ms-transform: translate(-50%, -50%) scale(1.08);
    -o-transform: translate(-50%, -50%) scale(1.08);
    transform: translate(-50%, -50%) scale(1.08)
}

.ul-imgtxt2 .txt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 35px 32px 68px;
    overflow: hidden
}

.ul-imgtxt2 .txt h3 {
    font-size: 28px;
    color: #fff;
    line-height: 1.71em;
    overflow: hidden
}

.ul-imgtxt2 .li1 .txt h3 {
    width: 28px;
    line-height: 1.14em;
    padding-top: 5px
}

.ul-imgtxt2 .txt .more {
    position: absolute;
    left: 32px;
    bottom: 27px;
    right: 32px;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    overflow: hidden
}

.ul-imgtxt2 .li1 .txt .more {
    width: 40px;
    left: auto;
    bottom: 32px
}

.ul-imgtxt2 .txt .more span {
    display: block;
    float: left;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-imgtxt2 a:hover .txt .more span {
    color: #8c1b15
}

.ul-imgtxt2 .li1 .txt .more span {
    float: none;
    width: 14px;
    line-height: 1.14em;
    margin: 0 auto 20px
}

.ul-imgtxt2 .txt .more span:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 49px;
    height: 1px;
    background-color: #fff;
    margin-left: 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-imgtxt2 a:hover .txt .more span:after {
    width: 80px
}

.ul-imgtxt2 .li1 .txt .more span:after {
    display: block;
    width: 1px;
    height: 49px;
    margin: 12px auto 0
}

.ul-imgtxt2 .li1 a:hover .txt .more span:after {
    width: 1px;
    height: 80px
}

.ul-imgtxt2 .txt .more i {
    float: right;
    display: block;
    width: 40px;
    height: 40px;
    background: url(/static/images/icon14.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-imgtxt2 a:hover .txt .more i {
    background-image: url(/static/images/icon14-on.png)
}

.ul-imgtxt2 .li1 .txt .more i {
    float: none
}

.ul-imgtxt2 .txt .more i:after {
    content: '';
    background: url(/static/images/icon14-1.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-imgtxt2 a:hover .txt .more i:after {
    background-image: url(/static/images/icon14-1-on.png);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

.row-a5 {
    padding: 69px 0 80px;
    overflow: hidden
}

.m-imgtxt1 {
    margin: 27px -20px 0;
    overflow: hidden;
}
.m-imgtxt1 .swiper{height: 27vw;}

.m-imgtxt1 .slick-list {
    padding-bottom: 72px
}

.m-imgtxt1 .item {
    margin: 0 20px
}

.m-imgtxt1 .con {
    display: block;
    background-color: #fff;
    padding: 16px 16px 22px;
    overflow: hidden
}

.m-imgtxt1 .pic {
    position: relative;
    height: 0;
    padding-top: 67%;
    margin-bottom: 23px;
    overflow: hidden
}

.m-imgtxt1 .pic img {
    object-fit: cover;
    display: block;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.m-imgtxt1 a:hover .pic img {
    -webkit-transform: translate(-50%, -50%) scale(1.08);
    -moz-transform: translate(-50%, -50%) scale(1.08);
    -ms-transform: translate(-50%, -50%) scale(1.08);
    -o-transform: translate(-50%, -50%) scale(1.08);
    transform: translate(-50%, -50%) scale(1.08)
}

.m-imgtxt1 h3 {
    font-size: 16px;
    color: #252626;
    line-height: 2.25em;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.m-imgtxt1 a:hover h3 {
    color: #8c1b15
}

.m-imgtxt1 .desc {
    height: 5.13em;
    font-size: 14px;
    color: #8a8d8d;
    line-height: 1.71em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.m-imgtxt1 span {
    display: block;
    font-size: 14px;
    color: #8a8d8d;
    line-height: 2.43em;
    margin-top: 10px;
    overflow: hidden
}

.m-imgtxt1 .swiper-pagination-bullet{
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 0;
    line-height: 0;
    text-indent: 999px;
    border: none;
    background-color: #5e5e5e;
    border-radius: 8px;
    padding: 0
}

.m-imgtxt1 .swiper-pagination-bullet-active{
    width: 40px;
    background-color: #8c1b15
}

.m-imgtxt1{margin:27px -20px 0;overflow:hidden}
.m-imgtxt1 .slick-list{padding-bottom:72px}
.m-imgtxt1 .item{margin:0 20px}
.m-imgtxt1 .con{display:block;background-color:#fff;padding:16px 16px 22px;overflow:hidden}
.m-imgtxt1 .pic{position:relative;height:0;padding-top:67%;margin-bottom:23px;overflow:hidden}
.m-imgtxt1 .pic img{display:block;min-width:100%;min-height:100%;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.m-imgtxt1 a:hover .pic img{-webkit-transform:translate(-50%,-50%) scale(1.08);-moz-transform:translate(-50%,-50%) scale(1.08);-ms-transform:translate(-50%,-50%) scale(1.08);-o-transform:translate(-50%,-50%) scale(1.08);transform:translate(-50%,-50%) scale(1.08)}
.m-imgtxt1 h3{font-size:16px;color:#252626;line-height:2.25em;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.m-imgtxt1 a:hover h3{color:#8c1b15}
.m-imgtxt1 .desc{height:5.13em;font-size:14px;color:#8a8d8d;line-height:1.71em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.m-imgtxt1 span{display:block;font-size:14px;color:#8a8d8d;line-height:2.43em;margin-top:10px;overflow:hidden}
.m-imgtxt1 .slick-dots{position:absolute;left:0;bottom:0;width:100%;font-size:0;text-align:center;z-index:2}
.m-imgtxt1 .slick-dots li{display:inline-block;margin:0 12px}
.m-imgtxt1 .slick-dots li button{display:block;width:16px;height:16px;font-size:0;line-height:0;text-indent:999px;border:none;background-color:#e1e3e5;border-radius:8px;padding:0}
.m-imgtxt1 .slick-dots li.slick-active button{width:40px;background-color:#8c1b15}



.row-a6 {
    padding: 80px 0 100px;
    overflow: hidden
}

.row-a6 .boxs {
    margin: 0 -18px
}

.row-a6 .boxs:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    width: 100%;
    height: 0
}

.row-a6 .box {
    float: left;
    width: 33.33%;
    padding: 0 18px
}

.row-a6 .box .cont {
    border-radius: 16px;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 24px rgba(149, 157, 165, .2);
    -moz-box-shadow: 0 8px 24px rgba(149, 157, 165, .2);
    -ms-box-shadow: 0 8px 24px rgba(149, 157, 165, .2);
    -o-box-shadow: 0 8px 24px rgba(149, 157, 165, .2);
    box-shadow: 0 8px 24px rgba(149, 157, 165, .2);
    padding: 25px 36px 18px;
    overflow: hidden
}

.row-a6 .g-tit1 h3 {
    font-size: 24px
}

.ul-txt4 {
    margin-top: 15px;
    overflow: hidden
}

.ul-txt4 li {
    border-bottom: 1px solid #e1e3e5;
    margin-bottom: 21px;
    overflow: hidden
}

.ul-txt4 .con {
    display: block;
    padding-bottom: 13px;
    overflow: hidden
}

.ul-txt4 span {
    display: block;
    float: right;
    font-size: 14px;
    color: #8a8d8d;
    line-height: 1.71em;
    margin-left: 50px;
    overflow: hidden
}

.ul-txt4 h3 {
    font-size: 14px;
    color: #252626;
    line-height: 1.71em;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-txt4 a:hover h3 {
    color: #8c1b15
}

.ul-txt4 h3 i {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #a62116;
    margin-top: -2px;
    margin-right: 8px;
    overflow: hidden
}

.row-a6 .ul-txt2 {
    margin-top: 19px;
    margin-bottom: -2px
}

.row-a6 .ul-txt2 li {
    margin-bottom: 24px
}

.row-a7 {
    padding: 68px 0 60px;
    overflow: hidden
}

.ul-img1 {
    margin: 28px -9px 0;
    overflow: hidden
}

.ul-img-m1 {
    display: none !important
}

.ul-img1 li {
    float: left;
    width: 16.66%;
    padding: 0 9px;
    margin-bottom: 20px;
    overflow: hidden
}

.ul-img1 .li5 {
    float: right;
    width: 33.32%
}

.ul-img1 .li6 {
    width: 49.98%
}

.ul-img1 .li7 {
    float: right
}

.ul-img1 .con {
    display: block;
    overflow: hidden
}

.ul-img1 .pic {
    position: relative;
    height: 0;
    padding-top: 75.47%;
    overflow: hidden
}

.ul-img1 .li5 .pic {
    padding-top: 76.64%
}

.ul-img1 .li6 .pic {
    padding-top: 50.54%
}

.ul-img1 .pic img {
    object-fit: cover;
    display: block;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-img1 a:hover .pic img {
    -webkit-transform: translate(-50%, -50%) scale(1.08);
    -moz-transform: translate(-50%, -50%) scale(1.08);
    -ms-transform: translate(-50%, -50%) scale(1.08);
    -o-transform: translate(-50%, -50%) scale(1.08);
    transform: translate(-50%, -50%) scale(1.08)
}

.ul-img1 .pic i {
    display: block;
    width: 46px;
    height: 46px;
    background: url(/static/images/icon15.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    cursor: pointer
}

.ul-img1 .li5 .pic i, .ul-img1 .li6 .pic i {
    width: 64px;
    height: 64px
}

.ul-img1 .slick-list {
    padding-bottom: 20px
}

.ul-img1 .slick-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 0;
    text-align: center;
    z-index: 2
}

.ul-img1 .slick-dots li {
    float: none;
    display: inline-block;
    width: auto;
    margin: 0 3px;
    padding: 0
}

.ul-img1 .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    font-size: 0;
    line-height: 0;
    text-indent: 999px;
    border: none;
    background-color: #e1e3e5;
    border-radius: 8px;
    padding: 0
}

.ul-img1 .slick-dots li.slick-active button {
    width: 20px;
    background-color: #8c1b15
}

.row-a8 {
    padding: 68px 0 60px;
    overflow: hidden
}

.g-tit1 .bshare-custom {
    float: right;
    overflow: hidden
}

.g-tit1 .bshare-custom a {
    display: block;
    float: left;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-left: 20px;
    padding: 0;
    overflow: hidden
}

.g-tit1 .bshare-custom .bshare-qqmb {
    background-image: url(/static/images/icon16.png)
}

.g-tit1 .bshare-custom .bshare-weixin {
    background-image: url(/static/images/icon17.png)
}

.g-tit1 .bshare-custom .bshare-douyin {
    background-image: url(/static/images/icon18.png)
}

.ul-imgtxt3 {
    margin: 28px -10px 0;
    overflow: hidden
}

.ul-imgtxt-m3 {
    display: none !important
}

.ul-imgtxt3 li {
    float: left;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 20px;
    overflow: hidden
}

.ul-imgtxt3 .li3, .ul-imgtxt3 .li4 {
    width: 50%
}

.ul-imgtxt3 .con {
    display: block;
    overflow: hidden
}

.ul-imgtxt3 .pic {
    position: relative;
    height: 0;
    padding-top: 79%;
    overflow: hidden
}

.ul-imgtxt3 .li3 .pic, .ul-imgtxt3 .li4 .pic {
    padding-top: 38.554%
}

.ul-imgtxt3 .pic:after {
    content: '';
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.ul-imgtxt3 .pic img {
    object-fit: cover;
    display: block;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-imgtxt3 a:hover .pic img {
    -webkit-transform: translate(-50%, -50%) scale(1.08);
    -moz-transform: translate(-50%, -50%) scale(1.08);
    -ms-transform: translate(-50%, -50%) scale(1.08);
    -o-transform: translate(-50%, -50%) scale(1.08);
    transform: translate(-50%, -50%) scale(1.08)
}

.ul-imgtxt3 h3 {
    font-size: 16px;
    color: #fff;
    line-height: 2.38em;
    border-bottom: 6px solid #a62116;
    position: absolute;
    left: 40px;
    bottom: 0;
    right: 40px;
    z-index: 2;
    padding-bottom: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ul-imgtxt3 .slick-list {
    padding-bottom: 20px
}

.ul-imgtxt3 .slick-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 0;
    text-align: center;
    z-index: 2
}

.ul-imgtxt3 .slick-dots li {
    float: none;
    display: inline-block;
    width: auto;
    margin: 0 3px;
    padding: 0
}

.ul-imgtxt3 .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    font-size: 0;
    line-height: 0;
    text-indent: 999px;
    border: none;
    background-color: #e1e3e5;
    border-radius: 8px;
    padding: 0
}

.ul-imgtxt3 .slick-dots li.slick-active button {
    width: 20px;
    background-color: #8c1b15
}

.row-a9 {
    padding: 35px 0 80px;
    overflow: hidden
}

.row-a9 .top {
    border-bottom: 1px solid #e1e3e5;
    overflow: hidden
}

.row-a9 .top h3 {
    font-size: 20px;
    color: #252626;
    line-height: 64px;
    overflow: hidden
}

.row-a9 .top h3 i {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    background-color: #a62116;
    margin-top: -2px;
    margin-right: 8px;
    overflow: hidden
}

.row-a9 .top h3 em {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #8a8d8d;
    line-height: 1.5em;
    position: relative;
    padding: 0 16px;
    margin: -2px 16px 0;
    overflow: hidden
}

.row-a9 .top h3 em:after {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #e1e3e5;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.row-a9 .box {
    margin-top: 32px;
    overflow: hidden
}

.ul-imgtxt4 {
    float: left;
    width: 224px;
    overflow: hidden
}

.ul-imgtxt4 li {
    overflow: hidden
}

.ul-imgtxt4 .con {
    display: block;
    height: 70px;
    font-size: 0;
    line-height: 70px;
    background-color: #fff;
    padding: 0 25px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-imgtxt4 li.on .con, .ul-imgtxt4 li:hover .con {
    background-color: #a62116
}

.ul-imgtxt4 i {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-right: 15px;
    overflow: hidden
}

.ul-imgtxt4 .i1 {
    background-image: url(/static/images/icon19.png)
}

.ul-imgtxt4 .i2 {
    background-image: url(/static/images/icon20.png)
}

.ul-imgtxt4 li.on .i1, .ul-imgtxt4 li:hover .i1 {
    background-image: url(/static/images/icon19-on.png)
}

.ul-imgtxt4 li.on .i2, .ul-imgtxt4 li:hover .i2 {
    background-image: url(/static/images/icon20-on.png)
}

.ul-imgtxt4 h3 {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #575859;
    line-height: 1.86em;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-imgtxt4 li.on h3, .ul-imgtxt4 li:hover h3 {
    color: #fff
}

.ul-imgtxt4 h3 em {
    display: block;
    font-size: 12px;
    color: #8a8d8d;
    line-height: 2em;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-imgtxt4 li.on h3 em, .ul-imgtxt4 li:hover h3 em {
    color: #fff
}

.ul-txt5 {
    background-color: #fff;
    padding: 21px 30px 5px;
    overflow: hidden
}

.ul-txt5 li {
    float: left;
    width: 12.5%;
    padding: 0 10px;
    margin-bottom: 14px;
    overflow: hidden
}

.ul-txt5 li a {
    display: block;
    font-size: 14px;
    color: #252626;
    line-height: 1.71em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-txt5 li:hover a {
    color: #8c1b15
}

.row-a1.qm {
    padding: 80px 0 56px
}

.row-a1 .left {
    float: left;
    width: 812px;
    margin-top: -11px
}

.row-a1 .left .ul-txt1 {
    float: none;
    width: auto;
    margin-top: 28px
}

.m-pic2 {
    float: right;
    width: 812px;
    overflow: hidden
}

.m-pic2 .con {
    display: block;
    overflow: hidden
}

.m-pic2 .pic {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

.m-pic2 .pic img {
    display: block;
    width: 100%;
    height: auto
}

.m-pic2 i {
    display: block;
    width: 80px;
    height: 80px;
    background: url(/static/images/icon21.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m-pic2 h3 {
    font-size: 20px;
    color: #252626;
    line-height: 72px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .95) 9%, rgba(255, 255, 255, 0) 96%);
    padding: 0 36px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.row-a10 {
    padding: 80px 0;
    overflow: hidden
}

.m-teachers {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 57px 100px;
    overflow: hidden
}

.m-teachers a {
    display: block;
    float: right;
    width: 176px;
    font-size: 20px;
    color: #a62116;
    line-height: 60px;
    text-align: center;
    font-weight: 700;
    background-color: #fff;
    margin-top: 13px;
    margin-left: 10px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.m-teachers a:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    filter: alpha(Opacity=80);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.m-teachers a i {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(/static/images/icon22.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: -2px;
    margin-left: 12px
}

.m-teachers .txt {
    float: left;
    overflow: hidden
}

.m-teachers .txt h3 {
    font-size: 32px;
    color: #fff;
    line-height: 52px;
    overflow: hidden
}

.m-teachers .txt em {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 34px;
    overflow: hidden
}

.row-a11 {
    padding: 47px 0 65px;
    overflow: hidden
}

.row-a11 .tit {
    font-size: 20px;
    color: #252626;
    line-height: 2em;
    font-weight: 700;
    overflow: hidden
}

.ul-txt6 {
    margin: 29px -6px 0;
    overflow: hidden
}

.ul-txt6 li {
    float: left;
    width: 8.33%;
    padding: 0 6px;
    margin-bottom: 16px;
    overflow: hidden
}

.ul-txt6 li a {
    display: block;
    font-size: 14px;
    color: #252626;
    line-height: 3.14em;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-txt6 li:hover a {
    color: #fff;
    background-color: #8c1b15
}

/*!ÄÏӰѧԺ-ԺϵÓëרҵ*/
.ban {
    position: relative;
    overflow: hidden
}

.ban .pic {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

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

.ban .bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    overflow: hidden
}

.ban .bg2 {
    bottom: 33px;
    z-index: 1
}

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

.ban .txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 252px;
    z-index: 3;
    overflow: hidden
}

.ban h3 {
    font-size: 40px;
    color: #fff;
    line-height: 1.5em;
    overflow: hidden
}

.ul-imgtxtq1 {
    background-color: #f5f7fa;
    padding: 80px 0 40px;
    overflow: hidden
}

.ul-imgtxtq1 li {
    float: left;
    width: 50%;
    padding-right: 40px;
    margin-bottom: 40px;
    overflow: hidden
}

.ul-imgtxtq1 .con {
    display: block;
    background-color: #fff;
    position: relative;
    overflow: hidden
}

.ul-imgtxtq1 .pic {
    float: left;
    width: 400px;
    height: 480px;
    overflow: hidden
}

.ul-imgtxtq1 .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-imgtxtq1 .con:hover .pic img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.ul-imgtxtq1 .box {
    width: 320px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.ul-imgtxtq1 .txt {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 40px;
    overflow: hidden
}

.ul-imgtxtq1 h3 {
    min-height: 84px;
    font-size: 32px;
    color: #a62116;
    line-height: 48px;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 26px;
    overflow: hidden
}

.ul-imgtxtq1 h3:after {
    content: '';
    width: 40px;
    height: 4px;
    background-color: #a62116;
    position: absolute;
    left: 0;
    bottom: 0
}

.ul-imgtxtq1 .desc {
    height: 15.36em;
    font-size: 18px;
    color: #1a1a1a;
    line-height: 2.56em;
    overflow: hidden
}

/*!ÄÏӰѧԺ-ÁôÑÔ°å*/
.bdq1 {
    background: url(/static/images/bgq1.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.m-messageboard {
    border-radius: 16px;
    background-color: #e1e9eb;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    -o-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    margin: 35px 0 102px;
    overflow: hidden
}

.m-messageboard .pic {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

.m-messageboard .pic img {
    display: block;
    width: 100%;
    height: auto
}

.m-messageboard .top {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(190, 190, 190, .41);
    backdrop-filter: blur(31px);
    padding: 24px 94px 23px 91px;
    overflow: hidden
}

.m-messageboard .top .log {
    float: left;
    height: 130px;
    margin-right: 10px;
    overflow: hidden
}

.m-messageboard .top .log a {
    display: block;
    overflow: hidden
}

.m-messageboard .top .log img {
    display: block;
    width: 100%;
    height: 100%
}

.m-messageboard .top h3 {
    float: right;
    font-size: 36px;
    color: #fff;
    line-height: 130px;
    overflow: hidden
}

.m-messageboard .form {
    padding: 99px 120px 84px;
    overflow: hidden
}

.m-messageboard .form .box {
    margin: 0 -40px;
    overflow: hidden
}

.m-messageboard .form .item {
    float: left;
    width: 50%;
    padding: 0 40px;
    margin-bottom: 34px;
    overflow: hidden
}

.m-messageboard .form .item2 {
    width: 100%
}

.m-messageboard .form .left {
    float: left;
    width: 98px;
    font-size: 20px;
    color: #3d3d3d;
    line-height: 58px;
    font-weight: 500;
    text-align: justify;
    padding-right: 24px;
    overflow: hidden
}

.m-messageboard .form .left em {
    color: #a62116;
    font-weight: 700;
    margin-right: 4px
}

.m-messageboard .form .right {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.m-messageboard .form .right.qm {
    padding-right: 282px
}

.m-messageboard .form .inp {
    display: block;
    width: 100%;
    height: 58px;
    font-size: 16px;
    color: #3d3d3d;
    line-height: 56px;
    border: 1px solid #aaa;
    border-radius: 4px;
    background-color: #fff;
    padding: 0 22px;
    overflow: hidden
}

.m-messageboard .form .inp2 {
    width: 262px;
    padding-right: 130px;
    position: absolute;
    top: 0;
    right: 0
}

.m-messageboard .form .inp3 {
    padding-right: 140px
}

.m-messageboard .form .but {
    width: 112px;
    height: 58px;
    font-size: 16px;
    color: #fff;
    line-height: 58px;
    text-align: center;
    background-color: #a62116;
    border: none;
    border-radius: 0 4px 4px 0;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.m-messageboard .form .but:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    filter: alpha(Opacity=80);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.m-messageboard .form .file {
    display: block;
    width: 100%;
    height: 58px;
    font-size: 16px;
    color: #767676;
    line-height: 56px;
    border: 1px solid #aaa;
    border-radius: 4px;
    background-color: #fff;
    padding: 0 22px;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.m-messageboard .form .file input {
    position: absolute;
    left: -99999px
}

.m-messageboard .form .img {
    width: 128px;
    border-radius: 0 4px 4px 0;
    position: absolute;
    top: 1px;
    right: 1px;
    overflow: hidden
}

.m-messageboard .form .img img {
    display: block;
    width: 100%;
    height: auto
}

.m-messageboard .form textarea {
    display: block;
    width: 100%;
    height: 238px;
    font-size: 16px;
    color: #767676;
    line-height: 56px;
    border: 1px solid #aaa;
    border-radius: 4px;
    background-color: #fff;
    padding: 0 22px;
    resize: none;
    overflow: hidden
}

.m-messageboard .form .sub-btn {
    display: block;
    width: 240px;
    height: 60px;
    font-size: 18px;
    color: #fff;
    line-height: 60px;
    font-weight: 500;
    text-align: center;
    border: none;
    background-color: #a62116;
    border-radius: 12px;
    margin: 45px auto 0;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.m-messageboard .form .sub-btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    filter: alpha(Opacity=80);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

/*!ÄÏӰѧԺ-¼ȡ²éѯ*/
.m-inquiry {
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.m-inquiry .inquiry {
    width: 1280px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 15px rgba(112, 112, 112, .45);
    -moz-box-shadow: 0 4px 15px rgba(112, 112, 112, .45);
    -ms-box-shadow: 0 4px 15px rgba(112, 112, 112, .45);
    -o-box-shadow: 0 4px 15px rgba(112, 112, 112, .45);
    box-shadow: 0 4px 15px rgba(112, 112, 112, .45);
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    padding: 48px 26px 66px;
    overflow: hidden
}

.m-inquiry .inquiry .tit {
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 47px;
    overflow: hidden
}

.m-inquiry .inquiry .tit h3 {
    width: 257px;
    font-size: 28px;
    color: #fff;
    line-height: 64px;
    text-align: center;
    background: url(/static/images/iconq1.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    overflow: hidden
}

.m-inquiry .inquiry .cont {
    padding: 112px 82px 0;
    overflow: hidden
}

.m-inquiry .inquiry .txt {
    float: left;
    width: 359px;
    border-right: 1px solid #5d5d5d;
    padding: 36px 0 27px;
    margin-right: 83px;
    overflow: hidden
}

.m-inquiry .inquiry .txt h3 {
    font-size: 24px;
    color: #767676;
    line-height: 1.5em;
    font-weight: 400;
    margin-bottom: 17px;
    overflow: hidden
}

.m-inquiry .inquiry .txt .desc {
    font-size: 16px;
    color: #767676;
    line-height: 3em;
    overflow: hidden
}

.m-inquiry .inquiry .form {
    padding-top: 9px;
    overflow: hidden
}

.m-inquiry .inquiry .item {
    margin-bottom: 26px;
    overflow: hidden
}

.m-inquiry .inquiry .left {
    display: block;
    float: left;
    width: 84px;
    font-size: 20px;
    color: #3d3d3d;
    line-height: 58px;
    padding-right: 24px;
    overflow: hidden
}

.m-inquiry .inquiry .right {
    overflow: hidden
}

.m-inquiry .inquiry .inp {
    display: block;
    width: 100%;
    height: 58px;
    font-size: 16px;
    color: #3d3d3d;
    line-height: 56px;
    border: 1px solid #aaa;
    border-radius: 8px;
    padding: 0 22px;
    overflow: hidden
}

.m-inquiry .inquiry .sub-btn {
    display: block;
    width: 184px;
    height: 52px;
    font-size: 18px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    border: none;
    border-radius: 8px;
    background-color: #ad0101;
    margin: 55px auto 0;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.m-inquiry .inquiry .sub-btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    filter: alpha(Opacity=80);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.m-pop {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    cursor: auto;
    display: none
}

.m-pop .pop-bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: rgba(71, 71, 71, .6)
}

.m-pop .inner {
    position: absolute;
    left: 50%;
    top: 60%;
    width: 1280px;
    border-radius: 8px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background-color: #fff;
    -webkit-box-shadow: 0 4px 15px rgba(112, 112, 112, .45);
    -moz-box-shadow: 0 4px 15px rgba(112, 112, 112, .45);
    -ms-box-shadow: 0 4px 15px rgba(112, 112, 112, .45);
    -o-box-shadow: 0 4px 15px rgba(112, 112, 112, .45);
    box-shadow: 0 4px 15px rgba(112, 112, 112, .45);
    overflow: hidden
}

.m-pop .close {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 27px;
    top: 48px;
    background: url(/static/images/iconq3.png) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.m-pop .close:hover {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

.m-pop.open {
    display: block
}

.m-win {
    margin: 48px 26px 31px
}

.m-win .tit {
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 47px;
    overflow: hidden
}

.m-win .tit h3 {
    width: 257px;
    font-size: 28px;
    color: #fff;
    line-height: 64px;
    text-align: center;
    background: url(/static/images/iconq1.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    overflow: hidden
}

.m-win .box {
    overflow: hidden
}

.m-win .txt {
    position: relative;
    padding: 46px 214px 100px;
    overflow: hidden
}

.m-win .txt h3 {
    font-size: 24px;
    color: #252626;
    line-height: 1.5em;
    text-align: center;
    overflow: hidden
}

.m-win .txt .cont {
    height: 261px;
    position: relative;
    margin-bottom: 46px;
    overflow: hidden
}

.m-win .txt .desc {
    font-size: 20px;
    color: #252626;
    line-height: 3em;
    font-weight: 700;
    letter-spacing: .2em;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden
}

.m-win .txt.qm .desc {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 15px
}

.m-win .txt .desc p span {
    display: inline-block;
    margin-right: 80px
}

.m-win .txt .desc p em {
    font-weight: 700;
    text-decoration: underline
}

.m-win .txt .bot {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.m-win .txt .bot .btn {
    display: block;
    width: 184px;
    height: 52px;
    font-size: 18px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    border-radius: 8px;
    background-color: #a62116;
    margin: 0 auto 20px;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.m-win .txt .bot .btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    filter: alpha(Opacity=80);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.m-win .txt .bot span {
    display: block;
    font-size: 14px;
    color: #767676;
    line-height: 1.5em;
    text-align: center;
    overflow: hidden
}

.m-win .txt .bot span i {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url(/static/images/iconq2.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: -2px;
    margin-right: 8px
}

.m-pop.qm .pop-bg {
    background-color: rgba(71, 71, 71, 0)
}

.m-pop.qm .inner {
    width: 694px
}

.m-load .top {
    text-align: center;
    background-color: #cd3b25;
    padding: 83px 20px 106px;
    overflow: hidden
}

.m-load .top h3 {
    font-size: 36px;
    color: #fff;
    line-height: 1.56em;
    font-weight: 500;
    margin-bottom: 22px;
    overflow: hidden
}

.m-load .top span {
    display: block;
    font-size: 24px;
    color: #fff;
    line-height: 1.83em;
    font-weight: 500;
    overflow: hidden
}

.ul-txtq1 {
    padding: 29px 0 28px;
    overflow: hidden
}

.ul-txtq1 li {
    float: left;
    width: 50%;
    position: relative;
    padding: 0 10px;
    overflow: hidden
}

.ul-txtq1 li:after {
    content: '';
    width: 1px;
    height: 48px;
    background-color: #767676;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ul-txtq1 li:last-child:after {
    display: none
}

.ul-txtq1 li a {
    display: block;
    font-size: 24px;
    color: #3d3d3d;
    line-height: 2em;
    text-align: center;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-txtq1 li a:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    filter: alpha(Opacity=80);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.ul-txtq1 li a i {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: -2px;
    margin-right: 16px
}

.ul-txtq1 li a .i1 {
    background-image: url(/static/images/iconq4.png)
}

.ul-txtq1 li a .i2 {
    background-image: url(/static/images/iconq5.png)
}

.hd-top-e1.fixed .hd-con {
    background-color: #fff
}

.ul-art-list h3 i {
    background: url(/static/images/e-icon1.png) center center no-repeat;
    background-size: cover
}

.m-art-pic1 .slick-dots li.slick-active button {
    background: #0a5bcc
}

.ul-art-imgtxt1 li {
    width: 50%
}

.g-l-e1 {
    width: 812px !important
}

.row-art2 .m-notice, .row-management2 .m-notice {
    margin-right: 0 !important
}

.row-art2 .m-care, .row-management2 .m-care {
    padding-left: 56px
}

.row-art3 .box {
    width: 100%;
    padding: 0 28px
}

.row-art3 .box .ul-txt4.wrap{
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}
.row-art3 .box .ul-txt4.wrap li{
    width: 47%;
}


.g-list-e1 {
    overflow: hidden;
    margin: 0 -12.5px
}

.g-list-e1 li {
    float: left;
    width: 20%;
    margin-bottom: 40px
}

.g-list-e1 .pic {
    padding-top: 75%;
    margin-bottom: 18px
}

.g-list-e1 .con {
    display: block;
    background: #f5f7fa;
    margin: 0 12.5px;
    padding: 0 !important
}

.g-list-e1 .txt {
    padding: 0 20px 13px
}

.row-art5 {
    padding: 68px 0 60px
}

.ul-art-imgtxt1 h3 {
    height: 3.8em;
    line-height: 1.9 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: inherit !important
}

.row-marxism1 {
    padding: 68px 0 27px !important
}

.row-marxism1 .g-dots2 .slick-dots {
    left: 1%
}

.row-marxism1 .ul-marxism-e1 li {
    margin-bottom: 22px;
    border-bottom: 1px dashed #e1e3e5 !important
}

.row-marxism1 .ul-marxism-e1 {
    margin-top: 23px
}

.row-marxism2 .ul-txt1 .con {
    background-color: #fff
}

.row-marxism3 {
    padding: 80px 0 76px
}

.row-marxism4 {
    padding: 68px 0 55px !important
}

.row-marxism4 .g-tit1 h3 {
    font-size: 32px !important
}

.g-tit-e1 {
    border-bottom: 2px solid #a62116;
    overflow: hidden;
    margin-bottom: 22px
}

.g-tit-e1 .more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    line-height: normal !important;
    opacity: 0
}

.ul-tab-e1 .on .more {
    opacity: 1
}

.ul-tab-e1 {
    position: relative;
    overflow: hidden
}

.ul-tab-e1 li {
    float: left;
    margin-right: 16px
}

.ul-tab-e1 .con {
    font-size: 18px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #252626;
    width: 128px;
    height: 46px;
    transition: .5s;
    background: #e1e3e5
}

.ul-tab-e1 .con:hover, .ul-tab-e1 .on .con {
    color: #fff;
    background: #a62116
}

.row-marxism4 .boxs {
    padding: 0 18px
}

.row-marxism4 .box {
    padding: 0 !important;
    margin-right: 56px;
    width: 536px !important
}

.row-marxism4 .box2 {
    float: right !important;
    width: auto !important;
    margin-top: 3px;
    margin-right: 0 !important;
    box-sizing: border-box
}

.tab-con-e1 .TAB {
    display: none;
    width: 100% !important
}

.tab-con-e1 .ul-txt1 {
    float: none !important;
    width: 100% !important
}

.tab-con-e1 .ul-txt1 li {
    margin-bottom: 10.5px
}

.tab-con-e1 .ul-txt1 .con {
    display: block;
    -webkit-box-shadow: 0 0 0 rgba(149, 157, 165, 0);
    -moz-box-shadow: 0 0 0 rgba(149, 157, 165, 0);
    -ms-box-shadow: 0 0 0 rgba(149, 157, 165, 0);
    -o-box-shadow: 0 0 0 rgba(149, 157, 165, 0);
    box-shadow: 0 0 0 rgba(149, 157, 165, 0);
    padding: 0
}

.row-marxism4 .box .cont {
    border-radius: 0 !important;
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 rgba(149, 157, 165, 0) !important;
    -moz-box-shadow: 0 0 0 rgba(149, 157, 165, 0) !important;
    -ms-box-shadow: 0 0 0 rgba(149, 157, 165, 0) !important;
    -o-box-shadow: 0 0 0 rgba(149, 157, 165, 0) !important;
    box-shadow: 0 0 0 rgba(149, 157, 165, 0) !important;
    padding: 0 !important;
    overflow: hidden
}

.m-management-imgtxt1 h3 {
    height: 3.8em !important;
    line-height: 1.9 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: inherit !important;
    font-weight: 400 !important
}

.hd-top-e1 .logo img {
    max-width: 766px !important
}

@media only screen and (min-width: 1200px) {
    .ul-art-list h3 i {
        background: url(/static/images/e-icon1.png) center center no-repeat;
        background-size: cover
    }
    .ul-art-list h3 i.red {
        background: url(/static/images/icon12.png) center center no-repeat;
        background-size: cover
    }

    .m-art-pic1 .slick-dots li.slick-active button {
        background: #0a5bcc
    }

    .g-l-e1 {
        width: 42.29vw !important
    }

    .row-art2 .m-notice, .row-management2 .m-notice {
        margin-right: 0 !important
    }

    .row-art2 .m-care, .row-management2 .m-care {
        padding-left: 2.916vw
    }

    .row-art3 .box {
        padding: 0 1.458vw
    }

    .g-list-e1 {
        margin: 0 -.651vw
    }

    .g-list-e1 li {
        margin-bottom: 2.083vw
    }

    .g-list-e1 .pic {
        margin-bottom: .937vw
    }

    .g-list-e1 .con {
        background: #f5f7fa;
        margin: 0 .651vw;
        padding: 0 !important
    }

    .g-list-e1 .txt {
        padding: 0 1.041vw .677vw
    }

    .row-art5 {
        padding: 3.541vw 0 3.125vw
    }

    .ul-art-imgtxt1 h3 {
        height: 3.8em;
        line-height: 1.9 !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: inherit !important
    }

    .row-marxism1 {
        padding: 3.541vw 0 1.406vw !important
    }

    .row-marxism1 .ul-marxism-e1 li {
        margin-bottom: 1.145vw;
        border-bottom: 1px dashed #e1e3e5 !important
    }

    .row-marxism1 .ul-marxism-e1 {
        margin-top: 1.197vw
    }

    .row-marxism3 {
        padding: 4.166vw 0 3.958vw
    }

    .row-marxism4 {
        padding: 3.541vw 0 2.864vw !important
    }

    .row-marxism4 .g-tit1 h3 {
        font-size: 1.666vw !important
    }

    .g-tit-e1 {
        border-bottom: solid #a62116;
        margin-bottom: 1.145vw
    }

    .g-tit-e1 .more {
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        line-height: normal !important;
        opacity: 0
    }

    .ul-tab-e1 .on .more {
        opacity: 1
    }

    .ul-tab-e1 li {
        margin-right: .833vw
    }

    .ul-tab-e1 .con {
        font-size: .937vw;
        align-items: center;
        justify-content: center;
        width: 6.666vw;
        height: 2.395vw;
        transition: .5s;
        background: #e1e3e5
    }

    .ul-tab-e1 .con:hover, .ul-tab-e1 .on .con {
        background: #a62116
    }

    .row-marxism4 .boxs {
        padding: 0 .937vw
    }

    .row-marxism4 .box {
        padding: 0 !important;
        margin-right: 2.916vw;
        width: 27.91vw !important
    }

    .row-marxism4 .box2 {
        width: 52.91vw !important;
        margin-top: .156vw;
        margin-right: 0 !important;
        box-sizing: border-box
    }

    .tab-con-e1 .TAB, .tab-con-e1 .ul-txt1 {
        width: 100% !important
    }

    .tab-con-e1 .ul-txt1 li {
        margin-bottom: .546vw
    }

    .tab-con-e1 .ul-txt1 .con {
        -webkit-box-shadow: 0 0 0 rgba(149, 157, 165, 0);
        -moz-box-shadow: 0 0 0 rgba(149, 157, 165, 0);
        -ms-box-shadow: 0 0 0 rgba(149, 157, 165, 0);
        -o-box-shadow: 0 0 0 rgba(149, 157, 165, 0);
        box-shadow: 0 0 0 rgba(149, 157, 165, 0);
        padding: 0
    }

    .row-marxism4 .box .cont {
        border-radius: 0 !important;
        -webkit-box-shadow: 0 0 0 rgba(149, 157, 165, 0) !important;
        -moz-box-shadow: 0 0 0 rgba(149, 157, 165, 0) !important;
        -ms-box-shadow: 0 0 0 rgba(149, 157, 165, 0) !important;
        -o-box-shadow: 0 0 0 rgba(149, 157, 165, 0) !important;
        box-shadow: 0 0 0 rgba(149, 157, 165, 0) !important;
        padding: 0 !important
    }

    .m-management-imgtxt1 h3 {
        height: 3.8em;
        line-height: 1.9 !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: inherit !important;
        font-weight: 400 !important
    }

    .hd-top-e1 .logo img {
        max-width: 39.89vw !important
    }
}

@media only screen and (max-width: 1199px) {
    .floatdiv{width: 200px;height: 120px;}
    .floatdiv .top{height: 90px;}
    .floatdiv .bottom{height: 30px;}
    .floatdiv .bottom a{font-size: 14px;}
    .g-l-e1 {
        width: auto !important
    }

    .row-marxism1 .m-care {
        padding-top: 25px
    }

    .row-art2 .m-care, .row-management2 .m-care {
        padding-left: 0
    }

    .row-art2 .g-dots2 .slick-dots, .row-management2 .g-dots2 .slick-dots {
        left: 10px
    }

    .g-list-e1 {
        margin: 0 -8px
    }

    .g-list-e1 .con {
        margin: 0 8px
    }

    .g-list-e1 li {
        width: 33.3%;
        margin-bottom: 30px
    }

    .row-marxism1 {
        padding: 30px 0 10px !important
    }

    .m-marxism-notice .ul-imgtxt1 h3 {
        font-size: 14px;
        line-height: 1.5em !important;
        height: 3em;
        margin-bottom: 5px
    }

    .row-marxism3 {
        padding: 30px 0 26px
    }

    .row-marxism4 .g-tit1 h3 {
        font-size: 18px !important
    }

    .row-marxism4 .box {
        padding: 0 !important;
        margin-right: 0;
        width: auto !important
    }

    .ul-tab-e1 .con {
        font-size: 16px;
        width: 110px;
        height: 40px
    }

    .ul-tab-e1 li {
        margin-right: 10px
    }

    .ul-tab-e1 li:last-child {
        margin-right: 0
    }

    .g-tit-e1 {
        margin-bottom: 12px
    }

    .tab-con-e1 .ul-txt1 li {
        margin-bottom: 10px
    }

    .row-marxism4 {
        padding: 30px 0 10px !important
    }

    .row-marxism4 .boxs {
        padding: 0;
        margin-top: 5px
    }
}

@media only screen and (max-width: 767px) {


    .row-marxism1 .m-care {
        padding-top: 15px
    }

    .row-art2 .g-dots2 .slick-dots, .row-management2 .g-dots2 .slick-dots {
        left: 0
    }

    .g-list-e1 {
        padding: 0 10px;
        margin: 0
    }

    .g-list-e1 .con {
        margin: 0
    }

    .g-list-e1 li {
        float: none;
        width: 100%;
        margin-bottom: 15px
    }

    .g-list-e1 .txt {
        padding: 0 10px 5px
    }

    .m-marxism-notice .ul-imgtxt1 li {
        width: 100%;
        float: none
    }

    .header2 .hd-con {
        padding: 0;
    }

    .header2 .logo .img2 {
        display: none;
    }

    .header2 .logo .img1 {
        display: inline-block
    }

    .header2 .hd-con {
        background: none;
    }

    .ul-listjx1 .tit {
        font-size: 4vw !important;
    }
}

.xx-header.fixed .nav li .v1 {
    color: #fff
}

.xx-htop {
    background-color: #f9f6fd
}

.xx-htop.xx-htop a {
    padding: 0
}

.xx-htop .wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 124px
}

.xx-htop .logo {
    float: none
}

.xx-search .box {
    position: relative;
    width: 320px;
    border-radius: 40px;
    background-color: #fff
}

.xx-search .inpt {
    height: 48px;
    padding: 0 80px 0 24px;
    background-color: transparent;
    border: none
}

.xx-search .submit {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 72px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    background-image: url(/static/images/xxcy/search.png);
    background-color: transparent;
    border: none;
    font-size: 0
}

.xx-hcon.hd-con {
    background: #0a5bcc;
    padding: 4px 0
}

.xx-header.fixed .hd-con {
    background-color: #0a5bcc
}

.ys-header.fixed .hd-con {
    background-color: #8c1b15
}

.xx-hcon .nav {
    float: none
}

.xx-hcon .nav ul {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.xx-hcon .nav li {
    margin: 0
}

.xx-hcon .nav li.on .v1, .xx-hcon .nav li:hover .v1 {
    color: #fff !important;
    font-weight: 700
}

.ty-header .logo img, .xx-header .logo img {
    max-width: 594px
}

.ty-header .logo-m, .xx-header .logo-m {
    display: none
}

.xx-banner.banner .slick-dots {
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 3;
    width: 100%
}

.xx-banner .slick-dots li {
    display: inline-block;
    margin: 0 5px
}

.xx-banner.banner .slick-dots li button {
    width: 16px;
    height: 16px;
    background: #fff;
    cursor: pointer;
    border: none;
    transition: .3s;
    border-radius: 50%;
    font-size: 0
}

.xx-banner.banner .slick-dots li.slick-active button {
    font-size: 0;
    width: 40px;
    border-radius: 10px;
    background: #0a5bcc
}

.xx-ban1 .slick-dots li.slick-active button {
    background: #0a5bcc
}

.xx-txt1 h3 i {
    background-image: url(/static/images/xxcy/a1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.xx-txt1 a:hover h3 {
    color: #0a5bcc
}

.row-xx2 {
    background-color: #f5f7fa
}

.xx-txt2 .date {
    background: #0a5bcc
}

.xx-txt2 a:hover h3 {
    color: #0a5bcc
}

.m-banxx2 {
    padding: 40px 0;
    margin: 0 -14px;
    position: relative
}

.m-banxx2 .item {
    margin: 0 14px
}

.m-banxx2 .pic {
    position: relative;
    padding-top: 69%;
    overflow: hidden;
    margin-bottom: 22px
}

.m-banxx2 .pic img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s
}

.m-banxx2 .con {
    display: block;
    transition: .3s
}

.m-banxx2 .con:hover .pic img {
    transform: scale(1.06)
}

.m-banxx2 .con:hover {
    color: #0a5bcc
}

.m-banxx2 .tit {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.m-banxx2 .slick-dots {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 0;
    text-align: center;
    z-index: 2
}

.m-banxx2 .slick-dots li {
    display: inline-block;
    margin: 0 6px
}

.m-banxx2 .slick-dots li button {
    display: block;
    width: 12px;
    height: 12px;
    font-size: 0;
    line-height: 0;
    text-indent: 999px;
    border: none;
    background-color: #e1e3e5;
    border-radius: 50%;
    padding: 0
}

.m-banxx2 .slick-dots li.slick-active button {
    background-color: #0a5bcc
}

.xx-imgtxt1 a:hover h3 {
    color: #0a5bcc
}

.xx-imgtxt1 .slick-dots li.slick-active button {
    background-color: #0a5bcc
}

.xx-imgtxt1 .con {
    border: 1px solid #e1e3e5
}

.row-xx3 {
    padding: 68px 0 50px
}

.m-xx3 {
    overflow: hidden;
    margin-top: 28px
}

.m-pic1.xx-ban1_2 {
    width: 536px;
    margin-right: 36px
}

.m-pic1.xx-ban1_2 .txt h3 {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 400
}

.m-pic1.xx-ban1_2 .pic {
    position: relative;
    padding-top: 58.95%;
    overflow: hidden
}

.m-pic1.xx-ban1_2 .pic img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(0, 0);
}
.m-pic1.xx-ban1_2 a:hover img{transform: scale(1.05);}
.m-pic1.xx-ban1_2 .pic img:hover{
    transform: scale(1.05);
}
.xx-ban1_2 .slick-dots{bottom: 0.762vw;}

.m-xx3 .box-r {
    overflow: hidden
}

.xx-txt2_1.ul-txt2 {
    overflow: hidden;
    margin: 0 -18px
}

.xx-txt2_1 li {
    float: left;
    width: 50%;
    padding: 0 18px
}

.xx-txt2_1 .date {
    background-color: transparent;
    border: 1px solid #e1e3e5
}

.xx-txt2_1 .date span:first-child {
    color: #262626;
    font-weight: 700
}

.xx-txt2_1 .date span:last-child {
    color: #8a8d8d
}

.row-xx4 {
    padding: 68px 0
}

.m-banxx4 {
    margin: 28px -18px 0
}

.m-banxx4 .item {
    margin: 0 18px
}

.m-banxx4 .con {
    display: block;
    transition: .3s
}

.m-banxx4 .con:hover {
    color: #0a5bcc
}

.m-banjx4 .con:hover {
    color: #8c1b15
}

.m-banxx4 .pic {
    position: relative;
    margin-bottom: 22px;
    padding-top: 61%;
    overflow: hidden
}

.m-banxx4 .pic img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    transition: .3s;
    object-fit: cover
}

.m-banxx4 .con:hover .pic img {
    transform: scale(1.06)
}

.m-banxx4 .tit {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 14px
}

.m-banxx4 .date {
    color: #8a8d8d;
    font-size: 14px
}

.g-dots1 {
    padding-bottom: 72px
}

.g-dots1 .slick-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 0;
    text-align: center;
    z-index: 2
}

.g-dots1 .slick-dots li {
    display: inline-block;
    margin: 0 12px
}

.g-dots1 .slick-dots li button {
    display: block;
    width: 16px;
    height: 16px;
    font-size: 0;
    line-height: 0;
    text-indent: 999px;
    border: none;
    background-color: #e1e3e5;
    border-radius: 8px;
    padding: 0
}

.g-dots1 .slick-dots li.slick-active button {
    width: 40px;
    background-color: #0a5bcc
}

.row-xx5 .g-tit1 .bshare-custom .bshare-qqmb {
    background-image: url(/static/images/xxcy/a5.png)
}

.row-xx5 .g-tit1 .bshare-custom .bshare-weixin {
    background-image: url(/static/images/xxcy/a6.png)
}

.row-xx5 .g-tit1 .bshare-custom .bshare-douyin {
    background-image: url(/static/images/xxcy/a7.png)
}

.ul-imgtxt3.xx-imgtxt3 h3 {
    border-color: #0a5bcc
}

.jx-search .submit {
    background-image: url(/static/images/jxjy/search.png)
}

.jx-hcon.hd-con {
    background-color: #8c1b15
}

.g-dots-jx .slick-dots li.slick-active button {
    background-color: #8c1b15 !important
}

.m-jx1-l {
    width: 50%;
    float: left;
    margin-right: 56px
}

.m-banjx1 {
    margin: 28px -12px 0;
    padding-bottom: 40px
}

.m-banjx1 .item {
    margin: 0 12px
}

.m-banjx1 .pic {
    padding-top: 60%;
    position: relative;
    overflow: hidden;
    margin-bottom: 22px
}

.m-banjx1 .con {
    display: block;
    transition: .3s
}

.m-banjx1 .con:hover {
    color: #8c1b15
}

.m-banjx1 .pic img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: .3s
}

.m-banjx1 .con:hover .pic img {
    transform: scale(1.06)
}

.m-banjx1 .tit {
    font-size: 16px;
    margin-bottom: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.m-banjx1 .date {
    color: #8a8d8d;
    font-size: 14px
}

.g-dots2 .slick-dots {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 0;
    text-align: left;
    z-index: 2
}

.g-dots2 .slick-dots li {
    display: inline-block;
    margin: 0 6px
}

.g-dots2 .slick-dots li button {
    display: block;
    width: 12px;
    height: 12px;
    font-size: 0;
    line-height: 0;
    text-indent: 999px;
    border: none;
    background-color: #e1e3e5;
    border-radius: 50%;
    padding: 0
}

.g-dots2 .slick-dots li.slick-active button {
    background-color: #a62116
}

.row-jx1 {
    padding: 68px 0
}

.m-jx1-r {
    overflow: hidden
}

.ul-listjx1 {
    margin: 4px 0 0
}

.ul-listjx1 .con {
    display: block;
    border-bottom: 1px dashed #e1e3e5;
    padding: 24px 0 18px;
    transition: .3s
}

.ul-listjx1 .con:hover {
    color: #8c1b15
}

.ul-listjx1 .txt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px
}

.ul-listjx1 .tit {
    width: 80%;
    font-size: 1vw;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.ul-listjx1 .date {
    color: #8a8d8d
}

.ul-listjx2 {
    margin: 28px -14px 0;
    overflow: hidden
}

.ul-listjx2 li {
    float: left;
    width: 33.3%;
    padding: 0 14px
}
.ul-listjx2gg li {
    float: left;
    width: 25%;
    padding: 0 14px
}

.ul-listjx2 .pic {
    padding-top: 91%;
    position: relative;
    overflow: hidden
}
.ul-listjx2gg .pic {
    padding-top: 91%;
    position: relative;
    overflow: hidden
}

.ul-listjx2 .pic img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: .3s
}
.ul-listjx2gg .pic img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: .3s
}

.ul-listjx2 .con:hover .pic img {
    transform: scale(1.06)
}


.ul-listjx2 .con {
    display: block
}


.ul-listjx2 .txt {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    letter-spacing: .2em;
    color: #fff;
    text-shadow: 0 4px 8px rgba(102, 10, 13, .2);
    font-size: 42px;
    font-weight: 700;
    text-align: center;
    transition: .3s
}
.ul-listjx2gg .txt {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    letter-spacing: .2em;
    color: #fff;
    text-shadow: 0 4px 8px rgba(102, 10, 13, .2);
    font-size: 42px;
    font-weight: 700;
    text-align: center;
    transition: .3s
}


.ul-listjx2 .con:hover .txt {
    transform: translateY(-60%)
}
.ul-listjx2gg .con:hover .txt {
    transform: translateY(-60%)
}

.row-jx3 .boxs.m-jx3 {
    margin-bottom: 36px
}

.row-jx4 {
    padding-bottom: 100px
}

.ty-header .hd-top {
    background-color: #0a5bcc
}

.ty-header .nav li.on .v1, .ty-header .nav li:hover .v1, .ty-header.fixed .nav li.on .v1, .ty-header.fixed .nav li:hover .v1 {
    color: #0a5bcc
}

.ty-header .hd-top a {
    color: #9bb3e3
}

.ty-header .hd-top a:hover {
    color: #fff
}

.ty-header .hd-top .left a:after {
    background-color: #9bb3e3
}

.ty-header .sobox .tit {
    color: #9bb3e3
}

.ty-header .sobox .tit i {
    background-image: url(/static/images/ty/search.png);
    width: 16px;
    height: 16px;
    margin-right: 10px
}

.ty-footer .fd-contact .con, .ty-footer .fd-copy, .ty-footer .fd-copy span a {
    color: #9bb3e3
}

.ty-footer .fd-copy span a:hover {
    color: #fff
}

.g-dots-ty .slick-dots li.slick-active button {
    color: #0a5bcc
}

.g-dots-ty .slick-dots li button i:after {
    background-color: #0a5bcc
}

.row-ty2 {
    padding: 68px 0 10px
}

.m-ty-r {
    float: right;
    width: 320px;
    margin-left: 56px
}

.m-ty-l, .m-ty-top {
    overflow: hidden
}

.m-ty-top .group {
    float: left;
    width: 48%;
    margin-right: 56px
}

.m-ty-top .group1 {
    overflow: hidden
}

.m-ty-top .group:last-child {
    margin-right: 0
}

.m-ty-top .xx-txt1 {
    width: 100%
}

.ty-txt1_1.xx-txt1 {
    margin-top: 18px
}

.ty-txt1_1.xx-txt1 .con {
    box-shadow: none;
    padding: 0
}

.ty-txt1_1.xx-txt1 li {
    margin-bottom: 5px
}

.ul-ty_1 {
    margin-top: 28px
}

.ul-ty_1 li {
    margin-bottom: 16px
}

.ul-ty_1 .pic {
    position: relative;
    overflow: hidden;
    padding-top: 48.75%
}

.ul-ty_1 .pic img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: .3s
}

.ul-ty_1 .con {
    display: block
}

.ul-ty_1 .con:hover .pic img {
    transform: scale(1.06)
}

.ul-ty_1 .tit {
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    text-align: center
}

.ty-pic1 {
    display: block;
    margin: 28px 0;
    position: relative;
    overflow: hidden;
    padding-top: 44.87%
}

.ty-pic1::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 120px;
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 100%)
}

.ty-pic1 img {
    transition: .3s;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    display: block;
    object-fit: cover
}

.ty-pic1:hover img {
    transform: scale(1.06)
}

.ty-pic1 .txt {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    bottom: 28px;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 24px;
    z-index: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.ul-ty_2 li {
    margin-bottom: 20px
}

.ul-ty_2 .con {
    border-bottom: none;
    padding: 0
}

.ul-ty_2 .con:hover, .ul-ty_3 .con:hover {
    color: #0a5bcc
}

.ul-ty_3 .con {
    padding: 18px 0 18px 16px;
    border-bottom: 1px solid #e1e3e5;
    position: relative
}

.ul-ty_3 .con::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #0a5bcc;
    content: ""
}

.m-ty-top {
    margin-bottom: 50px
}

.row-ys6 {
    padding: 80px 0 110px
}

.m-ys6 {
    padding-left: 120px;
    overflow: hidden
}

.m-ys6-l {
    float: left;
    width: 212px;
    margin-right: 140px
}

.m-ys6-l .desc {
    font-size: 16px;
    padding-top: 26px;
    position: relative;
    margin: 20px 0 96px
}

.m-ys6-l .desc::after {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #8c1b15;
    width: 34px;
    height: 3px;
    content: ""
}

.g-moreys {
    display: block;
    width: 160px;
    height: 45px;
    line-height: 41px;
    text-align: center;
    border: 2px solid #a62116;
    color: #a62116;
    font-size: 14px;
    border-radius: 40px;
    transition: .3s
}

.g-moreys:hover {
    color: #fff;
    background-color: #a62116
}

.m-ys6-r {
    overflow: hidden
}

.m-ys6-r img {
    display: block
}

.m-ys6-r .inner {
    position: relative;
    padding: 40px 0
}

.m-ys6-r .inner::before {
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/static/images/ys/a3.png);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.m-ys6-r .inner::after {
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/static/images/ys/a4.png);
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    content: "";
    width: 312px
}

.picMarquee-left .bd ul {
    zoom: 1;
    overflow: hidden;
    zoom: 1;
    display: block
}

.picMarquee-left .bd {
    padding: 0;
    width: 100%
}

.tempWrap {
    width: 100%
}

.picMarquee-left .bd ul li {
    margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 280px;
    height: 200px;
}

.picMarquee-left .bd ul li .item {
    width: 100%;
    height: 100%;
}

.picMarquee-left .bd ul li .item .pic {
    text-align: center;
    width: 100%;
    height: 100%;
}

.picMarquee-left .bd ul li .item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (min-width: 950px) {
    .ty-header .logo img, .xx-header .logo img {
        max-width: 30.93vw
    }

    .xx-htop.xx-htop a {
        padding: 0
    }

    .xx-htop .wp {
        align-items: center;
        justify-content: space-between;
        height: 6.458vw
    }

    .xx-search .box {
        width: 16.66vw;
        border-radius: 2.083vw
    }

    .xx-search .inpt {
        height: 2.5vw;
        padding: 0 4.166vw 0 1.25vw;
        border: none
    }

    .xx-search .submit {
        right: 0;
        top: 0;
        bottom: 0;
        width: 3.75vw;
        background-size: 1.25vw;
        background-image: url(/static/images/xxcy/search.png);
        border: none;
        font-size: 0
    }

    .xx-hcon .nav ul {
        align-items: center;
        justify-content: space-between
    }

    .xx-hcon .nav li a {
        margin: 0;
        color: #fff;
    }

    .xx-hcon .nav li.on .v1, .xx-hcon .nav li:hover .v1 {
        font-weight: 700
    }

    .xx-hcon .nav li::before {
        content: '';
        background-color: #fff;
    }

    .xx-hcon .nav li.on::before, .xx-hcon .nav li:hover::before {
        content: '';
        background-color: #fff;
    }

    .xx-banner.banner .slick-dots {
        bottom: 1.25vw;
        left: 0;
        right: 0
    }

    .xx-banner .slick-dots li {
        margin: 0 .26vw
    }

    .xx-banner.banner .slick-dots li button {
        width: .833vw;
        height: .833vw;
        background: #fff;
        border: none;
        transition: .3s;
        border-radius: 50%;
        font-size: 0
    }

    .xx-banner.banner .slick-dots li.slick-active button {
        font-size: 0;
        width: 2.083vw;
        border-radius: .52vw;
        background: #0a5bcc
    }

    .xx-ban1 .slick-dots li.slick-active button {
        background: #0a5bcc
    }

    .xx-txt1 h3 i {
        background-image: url(/static/images/xxcy/a1.png)
    }

    .m-banxx2 {
        padding: 2.083vw 0;
        margin: 0 -.729vw
    }

    .m-banxx2 .item {
        margin: 0 .729vw
    }

    .m-banxx2 .pic {
        margin-bottom: 1.145vw
    }

    .m-banxx2 .pic img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        object-fit: cover;
        transition: .3s
    }

    .m-banxx2 .con {
        transition: .3s
    }

    .m-banxx2 .con:hover .pic img {
        transform: scale(1.06)
    }

    .m-banxx2 .tit {
        font-size: 1.041vw
    }

    .m-banxx2 .slick-dots {
        right: 0;
        left: 0;
        bottom: 0;
        font-size: 0
    }

    .m-banxx2 .slick-dots li {
        margin: 0 .312vw
    }

    .m-banxx2 .slick-dots li button {
        width: .625vw;
        height: .625vw;
        font-size: 0;
        text-indent: 52.03vw;
        border: none;
        border-radius: 50%;
        padding: 0
    }

    .xx-imgtxt1 .con {
        border: 1px solid #e1e3e5
    }

    .row-xx3 {
        padding: 3.541vw 0 2.604vw
    }

    .m-xx3 {
        margin-top: 1.458vw
    }

    .m-pic1.xx-ban1_2 {
        width: 27.91vw;
        margin-right: 1.875vw
    }

    .m-pic1.xx-ban1_2 .txt h3 {
        font-size: .833vw
    }

    .m-pic1.xx-ban1_2 .pic {
        padding-top: 60%
    }

    .m-pic1.xx-ban1_2 .pic img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        object-fit: cover
    }

    .xx-txt2_1.ul-txt2 {
        margin: 0 -.937vw
    }

    .xx-txt2_1 li {
        padding: 0 .937vw
    }

    .xx-txt2_1 .date {
        border: 1px solid #e1e3e5
    }

    .xx-txt2_1 .date span:first-child {
        font-weight: 700
    }

    .row-xx4 {
        padding: 3.541vw 0
    }

    .m-banxx4 {
        margin: 1.458vw -.937vw 0
    }

    .m-banxx4 .item {
        margin: 0 .937vw
    }

    .m-banxx4 .con {
        transition: .3s
    }

    .m-banxx4 .pic {
        margin-bottom: 1.145vw
    }

    .m-banxx4 .pic img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        transition: .3s;
        object-fit: cover
    }

    .m-banxx4 .con:hover .pic img {
        transform: scale(1.06)
    }

    .m-banxx4 .tit {
        font-size: .833vw;
        margin-bottom: .729vw
    }

    .m-banxx4 .date {
        font-size: .729vw
    }

    .g-dots1 {
        padding-bottom: 3.75vw
    }

    .g-dots1 .slick-dots {
        left: 0;
        bottom: 0;
        font-size: 0
    }

    .g-dots1 .slick-dots li {
        margin: 0 .625vw
    }

    .g-dots1 .slick-dots li button {
        width: .833vw;
        height: .833vw;
        font-size: 0;
        text-indent: 52.03vw;
        border: none;
        border-radius: .416vw;
        padding: 0
    }

    .g-dots1 .slick-dots li.slick-active button {
        width: 2.083vw
    }

    .row-xx5 .g-tit1 .bshare-custom .bshare-qqmb {
        background-image: url(/static/images/xxcy/a5.png)
    }

    .row-xx5 .g-tit1 .bshare-custom .bshare-weixin {
        background-image: url(/static/images/xxcy/a6.png)
    }

    .row-xx5 .g-tit1 .bshare-custom .bshare-douyin {
        background-image: url(/static/images/xxcy/a7.png)
    }

    .jx-search .submit {
        background-image: url(/static/images/jxjy/search.png)
    }

    .m-jx1-l {
        margin-right: 2.916vw
    }

    .m-banjx1 {
        margin: 1.458vw -.625vw 0;
        padding-bottom: 2.083vw
    }

    .m-banjx1 .item {
        margin: 0 .625vw
    }

    .m-banjx1 .pic {
        margin-bottom: 1.145vw
    }

    .m-banjx1 .con {
        transition: .3s
    }

    .m-banjx1 .pic img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        object-fit: cover;
        transition: .3s
    }

    .m-banjx1 .con:hover .pic img {
        transform: scale(1.06)
    }

    .m-banjx1 .tit {
        font-size: .833vw;
        margin-bottom: .729vw
    }

    .m-banjx1 .date {
        font-size: .729vw
    }

    .g-dots2 .slick-dots {
        right: 0;
        left: 0;
        bottom: 0;
        font-size: 0
    }

    .g-dots2 .slick-dots li {
        margin: 0 .312vw
    }

    .g-dots2 .slick-dots li button {
        width: .625vw;
        height: .625vw;
        font-size: 0;
        text-indent: 52.03vw;
        border: none;
        border-radius: 50%;
        padding: 0
    }

    .row-jx1 {
        padding: 3.541vw 0
    }

    .ul-listjx1 {
        margin: .208vw 0 0
    }

    .ul-listjx1 .con {
        border-bottom: 1px dashed #e1e3e5;
        padding: 1.25vw 0 .937vw;
        transition: .3s
    }

    .ul-listjx1 .txt {
        align-items: center;
        justify-content: space-between;
        font-size: .729vw
    }

    .ul-listjx2 {
        margin: 1.458vw -.729vw 0
    }
    .ul-listjx2gg {
        margin: 1.458vw -.729vw 0
    }

    .ul-listjx2 li {
        width: 33.3%;
        padding: 0 .729vw
    }

    .ul-listjx2 .pic img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        object-fit: cover;
        transition: .3s
    }

    .ul-listjx2 .con:hover .pic img {
        transform: scale(1.06)
    }

    .ul-listjx2 .txt {
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        letter-spacing: .2em;
        text-shadow: 0 .208vw .416vw rgba(102, 10, 13, .2);
        font-size: 2.187vw;
        font-weight: 700;
        transition: .3s
    }

    .ul-listjx2 .con:hover .txt {
        transform: translateY(-60%)
    }

    .row-jx3 .boxs.m-jx3 {
        margin-bottom: 1.875vw
    }

    .row-jx4 {
        padding-bottom: 5.208vw
    }

    .ty-header .sobox .tit i {
        background-image: url(/static/images/ty/search.png);
        width: .833vw;
        height: .833vw;
        margin-right: .52vw
    }

    .row-ty2 {
        padding: 3.541vw 0 .52vw
    }

    .m-ty-r {
        width: 16.66vw;
        margin-left: 2.916vw
    }

    .m-ty-top .group {
        margin-right: 2.916vw
    }

    .ty-txt1_1.xx-txt1 {
        margin-top: .937vw
    }

    .ty-txt1_1.xx-txt1 .con {
        box-shadow: none;
        padding: 0
    }

    .ty-txt1_1.xx-txt1 li {
        margin-bottom: .26vw
    }

    .ul-ty_1 {
        margin-top: 1.458vw
    }

    .ul-ty_1 li {
        margin-bottom: .833vw
    }

    .ul-ty_1 .pic {
        padding-top: 48.75%
    }

    .ul-ty_1 .pic img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        object-fit: cover;
        transition: .3s
    }

    .ul-ty_1 .con:hover .pic img {
        transform: scale(1.06)
    }

    .ul-ty_1 .tit {
        font-size: 1.458vw;
        font-weight: 700;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .ty-pic1 {
        margin: 1.458vw 0;
        padding-top: 44.87%
    }

    .ty-pic1::after {
        left: 0;
        right: 0;
        bottom: 0;
        height: 6.25vw;
        content: "";
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 100%)
    }

    .ty-pic1 img {
        transition: .3s;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        object-fit: cover
    }

    .ty-pic1:hover img {
        transform: scale(1.06)
    }

    .ty-pic1 .txt {
        font-size: .833vw;
        font-weight: 700;
        bottom: 1.458vw;
        left: 0;
        right: 0;
        padding: 0 1.25vw
    }

    .ul-ty_2 li {
        margin-bottom: 1.041vw
    }

    .ul-ty_2 .con {
        border-bottom: none;
        padding: 0
    }

    .ul-ty_3 .con {
        padding: 1.041vw 0 .781vw .833vw;
        border-bottom: 1px solid #e1e3e5
    }

    .ul-ty_3 .con::after {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: .416vw;
        height: .416vw;
        border-radius: 50%;
        content: ""
    }

    .m-ty-top {
        margin-bottom: 2.604vw
    }

    .row-ys6 {
        padding: 4.166vw 0 5.729vw
    }

    .m-ys6 {
        padding-left: 6.25vw
    }

    .m-ys6-l {
        width: 11.04vw;
        margin-right: 7.291vw
    }

    .m-ys6-l .desc {
        font-size: .833vw;
        padding-top: 1.354vw;
        margin: 1.041vw 0 5vw
    }

    .m-ys6-l .desc::after {
        left: 0;
        top: 0;
        width: 1.77vw;
        height: .156vw;
        content: ""
    }

    .g-moreys {
        width: 8.333vw;
        height: 2.343vw;
        line-height: 2.135vw;
        font-size: .729vw;
        border-radius: 2.083vw;
        transition: .3s
    }
}

@media only screen and (max-width: 1199px) {
    .xx-header.fixed .nav li .v1 {
        color: #333
    }

    .ty-header .logo img, .xx-header .logo img {
        max-width: 25vw;
        height: auto;
        max-width: 280px
    }

    .m-ty-top .group {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .m-pic1.xx-ban1_2 {
        width: 45vw
    }

    .m-pic1.xx-ban1_2 .pic {
        padding-top: 78%
    }

    .xx-txt2_1.ul-txt2 {
        margin: 0
    }

    .ul-txt2 li {
        float: none;
        width: 100%;
        padding: 0
    }

    .xx-header {
        position: fixed
    }

    .ty-header .logo-m, .xx-header .logo-m {
        display: inline-block
    }

    .xx-hcon.hd-con, .xx-header.header.fixed .hd-con {
        background-color: #fff
    }

    .xx-header .menuBtn b {
        background-color: #0a5bcc
    }

    .ys-header .menuBtn b {
        background-color: #8c1b15
    }

    .xx-hcon .nav ul {
        display: block
    }

    .ty-header.header {
        background-color: #0a5bcc
    }

    .ty-header.header.fixed .hd-con {
        background-color: transparent
    }
}

@media only screen and (max-width: 950px) {
    .m-ty-r {
        width: 100%;
        margin-left: 0;
        float: none;
        margin-bottom: 30px
    }

    .m-ty-top .group {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }

    .m-pic1.xx-ban1_2 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .m-banxx2 {
        margin: 0
    }

    .m-imgtxt1 {
        margin: 20px 0 0
    }

    .xx-txt2_1 li {
        float: none;
        width: 100%;
        padding: 0
    }

    .xx-txt2_1.ul-txt2 {
        margin: 0
    }

    .m-banxx4 {
        margin: 20px 0 0
    }

    .g-dots1 {
        padding-bottom: 40px
    }

    .g-dots1 .slick-dots li {
        margin: 0 5px
    }

    .g-dots1 .slick-dots li button {
        width: 10px;
        height: 10px
    }

    .g-dots1 .slick-dots li.slick-active button {
        width: 20px
    }

    .xx-banner.banner .slick-dots li {
        margin: 0 4px
    }

    .xx-banner.banner .slick-dots li.slick-active button {
        width: 20px
    }

    .xx-banner.banner .slick-dots li button {
        width: 10px;
        height: 10px
    }

    .m-banxx2 .pic {
        margin-bottom: 10px
    }

    .m-ys6-l {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .m-ys6-l .desc {
        margin: 10px 0 20px;
        padding-top: 8px
    }

    .m-ys6-l .desc::after {
        width: 20px;
        height: 2px
    }

    .g-moreys {
        width: 100px;
        height: 36px;
        line-height: 34px;
        border-width: 1px
    }

    .m-jx1-l {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .ul-listjx1 .con {
        padding: 10px 0
    }

    .ul-listjx2 .txt {
        font-size: 20px
    }

    .m-ys6 {
        padding: 0 15px
    }
}

@media only screen and (max-width: 767px) {
    .ul-ty_3 .con::after {
        width: 5px;
        height: 5px
    }

    .ul-ty_1 .tit {
        font-size: 18px
    }

    .row-ty2 {
        padding: 30px 0 10px
    }

    .ty-pic1 {
        margin: 15px 0
    }

    .ul-ty_2 li {
        margin-bottom: 10px
    }

    .ty-txt1_1.xx-txt1 li {
        margin-bottom: 0
    }

    .ul-ty_1 {
        margin-top: 18px;
        overflow: hidden
    }

    .ul-ty_3 .con {
        padding: 10px 0 10px 10px
    }

    .ul-txt2 li {
        margin-bottom: 10px
    }

    .ul-txt2 .date {
        border: none
    }

    .m-pic1 .slick-dots li {
        margin: 0 3px
    }

    .m-pic1 .slick-dots li button {
        width: 8px;
        height: 8px
    }

    .m-banxx2 .item {
        margin: 0
    }

    .m-banxx2 .slick-dots li {
        margin: 0 3px
    }

    .m-banxx2 .slick-dots li button {
        width: 8px;
        height: 8px
    }

    .m-banxx2 .slick-dots {
        bottom: 15px
    }

    .row-xx3 {
        padding: 40px 0
    }

    .m-xx3 {
        margin-top: 20px
    }

    .m-banxx4 .item {
        margin: 0
    }

    .row-xx4 {
        padding: 40px 0
    }

    .ul-listjx2 li {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 15px
    }

    .ul-listjx2 {
        margin: 20px 0 0
    }

    .g-dots2 .slick-dots {
        bottom: 20px;
        text-align: center
    }

    .g-dots2 .slick-dots li {
        margin: 0 3px
    }

    .g-dots2 .slick-dots li button {
        width: 8px;
        height: 8px
    }

    .m-banjx1 .item {
        margin: 0
    }

    .m-banjx1 {
        margin: 20px 0 0
    }

    .m-ys6-r .inner::after {
        display: none
    }

    .ul-ty_1 li {
        float: left;
        width: 50%;
        padding: 0 5px;
        margin-bottom: 10px
    }

    .ul-ty_1 li:first-child {
        width: 100%
    }

    .ul-imgtxt3.xx-imgtxt3 .slick-dots li.slick-active button {
        background-color: #0a5bcc
    }
}

.body2 {
    padding-top: 187px
}

.wp-in {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto
}

.g-banin .pic {
    padding-top: 30%;
    position: relative;
}
.g-banin2{width: 100%;height: auto;}
.g-banin2 img{width: 100%;}

.g-banin .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.g-banin .txt {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 38%
}

.g-banin .box {
    width: 800px;
    background: rgba(140, 27, 21, .9);
    color: #fff;
    padding: 24px 40px
}

.g-banin .tit {
    font-size: 28px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.cur {
    font-size: 14px;
    color: #fff;
    padding-left: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-image: url(/static/images/inset/a1.png)
}

.cur a {
    color: inherit;
    transition: .3s
}

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

.pages ul {
    text-align: center
}

.pages ul li {
    display: inline-block;
    width: 38px;
    height: 38px;
}

.pages ul a, .pages ul span {
    width: 100%;
    height: 38px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #e1e3e5;
    color: #575859;
    display: block;
    transition: .3s;
    border-radius: 4px
}

.pages ul .on a, .pages ul a:hover {
    background-color: #8c1b15;
    border-color: #8c1b15;
    color: #fff
}

.pages ul li:first-child, .pages ul li:last-child {
    width: 72px
}

.g-row {
    padding: 56px 0 120px
}

.g-row .col-l {
    width: 73.68%;
    margin-right: 72px
}

.right-box {
    overflow: hidden
}

.ul-list1 {
    margin-bottom: 80px
}

.ul-list1 li {
    margin-bottom: 40px
}

.ul-list1 .con {
    display: block;
    padding-bottom: 28px;
    border-bottom: 1px solid #e1e3e5;
    overflow: hidden
}

.ul-list1 .pic {
    float: left;
    width: 240px;
    margin-right: 32px
}

.ul-list1 .pic .img {
    position: relative;
    padding-top: 63%;
    overflow: hidden
}

.ul-list1 .pic .img img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    transition: .3s;
    object-fit: cover
}

.ul-list1 .con:hover .pic .img img {
    transform: scale(1.06)
}

.ul-list1 .txt {
    overflow: hidden;
    padding: 15px 0 0
}

.ul-list1 .tit {
    font-size: 20px;
    font-weight: 400;
    height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 14px;
    transition: .3s
}

.ul-list1 .con:hover .tit {
    color: #a62116
}

.ul-list1 .desc {
    font-size: 16px;
    font-weight: 400;
    height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 30px;
    color: #8a8d8d
}
.ul-list1 .detail{width: 100%;margin-top: 1vw;display: flex;justify-content: flex-end;font-size: 16px;font-style: italic;}
.ul-list1 .detail:hover{color: #a62116}

.ul-list1 .info {
    color: #8a8d8d;
    font-size: 16px
}

.ul-list1 .info span {
    display: inline-block;
    margin-right: 40px;
    padding-left: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px auto
}

.g-snv {
    border: 1px solid #e1e3e5;
    margin-bottom: 20px
}

.g-snv .tit {
    height: 84px;
    font-weight: 700;
    padding: 0 40px;
    display: flex;
    align-items: center;
    font-size: 24px;
    background-color: #a62116;
    color: #fff
}

.ul-snv .top {
    padding: 0 40px;
    transition: .3s;
    display: block
}

.ul-snv .top:hover {
    color: #a62116
}

.ul-snv .on .top {
    background-color: #a62116;
    color: #fff
}

.ul-snv .top1 {
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    height: 80px;
    border-bottom: 1px solid #e1e3e5;
    position: relative
}

.ul-snv .on .top1, .ul-snv li:last-child .top1 {
    border-bottom: none
}

.ul-snv .top .arr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    background-image: url(/static/images/inset/a6.png);
    transition: .3s;
    display: inline-block
}

.ul-snv .on .top .arr {
    background-image: url(/static/images/inset/a7.png)
}

.ul-snv .box {
    padding: 0 56px
}

.ul-snv .box .a {
    display: block;
    color: #575859;
    font-size: 18px;
    font-weight: 700;
    transition: .3s;
    padding: 22px 0
}

.ul-snv .box .a:hover {
    color: #a62116
}

.m-recombox {
    padding: 40px 24px 26px;
    border: 1px solid #e1e3e5
}

.g-titin {
    border-bottom: 1px solid #e1e3e5;
    margin-bottom: 28px
}

.g-titin .tit {
    display: inline-block;
    color: #a62116;
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 18px;
    position: relative
}

.g-titin .tit::after {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: -2px;
    background: #a62116;
    height: 4px;
    content: ""
}

.m-boxin1 {
    display: block;
    padding-bottom: 24px;
    border-bottom: 1px solid #e1e3e5;
    margin-bottom: 14px
}

.m-boxin1 .pic {
    margin-bottom: 24px;
    overflow: hidden
}

.m-boxin1 .pic img {
    display: block;
    width: 100%;
    transition: .3s
}

.m-boxin1:hover .pic img {
    transform: scale(1.06)
}

.m-boxin1 .tit {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: .3s
}

.m-boxin1:hover .tit {
    color: #a62116
}

.m-boxin1 .desc {
    font-size: 14px;
    line-height: 2;
    color: #575859;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ul-listin1 .con {
    display: block;
    padding: 14px 0
}

.ul-listin1 .txt {
    position: relative;
    font-size: 16px;
    padding-left: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: .3s
}

.ul-listin1 .con:hover .txt {
    color: #a62116
}

.ul-listin1 .txt::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    content: "";
    background-color: #a62116
}

.row-list3 {
    padding: 56px 0 120px
}

.m-banlist {
    margin-bottom: 80px
}

.m-banlist .con {
    display: block;
    background-color: #a62116;
    overflow: hidden
}

.m-banlist .pic {
    float: left;
    width: 54%;
    margin-right: 64px;
    overflow: hidden
}

.m-banlist .pic .img {
    position: relative;
    padding-top: 58.5%
}

.m-banlist .pic img {
    transition: .3s;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.m-banlist .con:hover .pic img {
    transform: scale(1.06)
}

.m-banlist .txt {
    overflow: hidden;
    color: #fff;
    padding: 36px 64px 0 0
}

.m-banlist .tit {
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
    font-weight: 700;
    line-height: 1.9
}

.m-banlist .desc {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 32px;
    line-height: 2;
    color: #d79999
}

.m-banlist .info {
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, .2);
    font-size: 16px
}

.m-banlist .info span {
    display: inline-block;
    margin-right: 40px;
    padding-left: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px auto
}

.m-banlist .slick-dots {
    position: absolute;
    left: 58%;
    right: 0;
    text-align: left;
    bottom: 60px
}

.m-banlist .slick-dots li {
    display: inline-block;
    margin: 0 6px
}

.m-banlist .slick-dots button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d79999;
    font-size: 0;
    border: none;
    transition: .3s;
    padding: 0;
    cursor: pointer
}

.m-banlist .slick-dots .slick-active button {
    background-color: #fff;
    width: 16px;
    height: 16px
}

.m-banlist .slick-arrow {
    bottom: 48px;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-color: transparent;
    font-size: 0;
    transition: .3s;
    cursor: pointer;
    position: absolute;
    z-index: 1
}

.m-banlist .slick-arrow:hover {
    background-color: #fff
}

.m-banlist .slick-prev {
    background-image: url(/static/images/inset/b3.png);
    right: 128px
}

.m-banlist .slick-prev:hover {
    background-image: url(/static/images/inset/b3-1.png)
}

.m-banlist .slick-next {
    background-image: url(/static/images/inset/b4.png);
    right: 64px
}

.m-banlist .slick-next:hover {
    background-image: url(/static/images/inset/b4-1.png)
}

.ul-list3 .pic {
    width: 300px
}

.ul-list3 .desc {
    height: 4em;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.row-list4 {
    background-color: #f5f7fa
}

.m-banlist4 {
    margin-bottom: 56px
}

.line4 {
    background-color: #a62116;
    height: 8px;
    margin-bottom: 56px
}

.ul-list4 {
    overflow: hidden;
    margin: 0 -14px 80px
}

.ul-list4 li {
    float: left;
    width: 33.3%;
    padding: 0 14px;
    margin-bottom: 32px
}

.ul-list4 .con {
    display: block;
    background-color: #fff;
    padding: 16px 16px 32px
}

.ul-list4 .pic {
    padding-top: 73.68%;
    position: relative;
    overflow: hidden;
    margin-bottom: 28px
}

.ul-list4 .pic img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: .3s
}

.ul-list4 .con:hover .pic img {
    transform: scale(1.06)
}

.ul-list4 .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 1.5em;
    font-size: 20px;
    margin-bottom: 10px;
    transition: .3s
}

.ul-list4 .con:hover .tit {
    color: #a62116
}

.ul-list4 .desc {
    font-size: 16px;
    line-height: 2;
    height: 4em;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #8a8d8d;
    margin-bottom: 16px
}

.ul-list4 .info {
    color: #8a8d8d;
    font-size: 16px
}

.ul-list4 .info span {
    display: inline-block;
    margin-right: 40px;
    padding-left: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px auto
}

.ul-list5 li {
    margin-bottom: 38px
}

.ul-list5 .con {
    display: block
}

.ul-list5 .txt {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ul-list5 .tit {
    font-size: 20px;
    padding-left: 24px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 75%;
    transition: .3s
}

.ul-list5 .con:hover .tit {
    color: #a62116
}

.ul-list5 .date {
    color: #8a8d8d;
    font-size: 18px
}

.ul-list5 .tit::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    height: 8px;
    width: 8px;
    background-color: #a62116;
    border-radius: 50%
}

.g-box {
    margin-bottom: 42px;
    border-bottom: 1px solid #e1e3e5
}

.ul-list6 {
    margin-bottom: 80px
}

.ul-list6 li {
    margin-bottom: 35px
}

.ul-list6 .con {
    display: block;
    padding-bottom: 28px;
    border-bottom: 1px solid #e1e3e5
}

.ul-list6 .tit {
    font-size: 20px;
    margin-bottom: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    transition: .3s;
    -webkit-box-orient: vertical
}

.ul-list6 .con:hover .tit {
    color: #a62116
}

.ul-list6 .info {
    font-size: 16px
}

.ul-list6 .info span {
    display: inline-block;
    margin-right: 40px;
    padding-left: 24px;
    color: #8a8d8d;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px auto
}

.ul-list7 li {
    margin-bottom: 28px
}

.ul-list7 .con {
    padding: 32px 144px 32px 32px;
    background-color: #fff;
    border-bottom: none;
    position: relative
}

.ul-list7 .icon {
    width: 144px;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute
}

.ul-list7 .box {
    border-right: 1px solid #e1e3e5
}

.ul-list7 .icon img {
    display: block;
    width: 32px
}

.row-list8 {
    padding: 56px 0 120px
}

.m-list8_top {
    overflow: hidden;
    margin-bottom: 20px
}

.m-list8_top .col-l {
    width: 1005px;
    margin-right: 25px
}

.m-list8 .pic {
    position: relative;
    overflow: hidden;
    padding-top: 65.4%
}

.m-list8 .m-piclist8 .pic {
    padding-top: 66%
}

.m-list8 .pic .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: .3s
}

.m-list8 .pic::after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    content: "";
    background-color: rgba(0, 0, 0, .35)
}

.m-list8 .con {
    display: block
}

.m-list8 .con:hover .pic .bg {
    transform: scale(1.06)
}

.m-list8 .txt {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    padding: 0 32px;
    z-index: 1
}

.m-list8 .m-piclist8 .txt {
    padding: 0 40px
}

.m-list8 .tit {
    padding-bottom: 16px;
    border-bottom: 8px solid #a62116
}

.m-list8 .tit1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 18px;
    color: #fff
}

.ul-list8 {
    overflow: hidden
}

.ul-list8 li {
    margin-bottom: 20px
}

.ul-list8_1 {
    margin: 0 -12px 50px
}

.ul-list8_1 li {
    float: left;
    width: 33.3%;
    padding: 0 12px;
    margin-bottom: 40px
}

.ul-list9 {
    margin: 0 -20px 80px;
    overflow: hidden
}

.ul-list9 li {
    float: left;
    width: 33.3%;
    padding: 0 20px;
    margin-bottom: 48px;
    overflow: hidden
}

.ul-list9 .tit {
    font-size: 18px;
    font-weight: 700;
    line-height: 2;
    height: 4em;
    transition: .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ul-list9 .con:hover .tit {
    color: #a62116
}

.ul-list9 .con {
    display: block;
    overflow: hidden;
    padding-bottom: 28px;
    border-bottom: 1px solid #e1e3e5;
    transition: .3s;
    height: 436px
}

.ul-list9 .con:hover {
    border-bottom: 8px solid #a62116
}

.ul-list9 .pic {
    position: relative;
    height: 0;
    padding-top: 66.6%;
    overflow: hidden;
    margin-bottom: 24px
}

.ul-list9 .pic::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 168px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 86%)
}

.ul-list9 .pic span {
    display: inline-block;
    position: absolute;
    bottom: 18px;
    font-size: 16px;
    color: #fff;
    z-index: 1
}

.ul-list9 .pic .span1 {
    left: 20px
}

.ul-list9 .pic .span2 {
    right: 20px
}

.ul-list9 .pic img {
    display: block;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.ul-list9 a:hover .pic img {
    -webkit-transform: translate(-50%, -50%) scale(1.08);
    -moz-transform: translate(-50%, -50%) scale(1.08);
    -ms-transform: translate(-50%, -50%) scale(1.08);
    -o-transform: translate(-50%, -50%) scale(1.08);
    transform: translate(-50%, -50%) scale(1.08)
}

.ul-list9 .pic i {
    display: block;
    width: 60px;
    height: 60px;
    background: url(/static/images/icon15.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    cursor: pointer;
    z-index: 1
}

.share-box {
    display: inline-block;
    float: right
}

.bd_weixin_popup {
    box-sizing: content-box
}

.jump-icon {
    text-align: right;
    display: block;
    position: relative;
    z-index: 1
}

.jump-icon .con {
    display: inline-block;
    margin: 0 4px
}

.jump-icon .con a {
    width: 28px;
    height: 28px;
    border-radius: 2px;
    background-color: transparent;
    display: block;
    position: relative;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/static/images/inset/c6.png);
    padding-left: 0;
    margin-right: 0;
    transition: .3s
}

.jump-icon .con2 a {
    background-image: url(/static/images/inset/c7.png)
}

.jump-icon .con3 a {
    background-image: url(/static/images/inset/c8.png)
}

.jump-icon .con4 a {
    background-image: url(/static/images/inset/c9.png)
}

#bsBox, #bsWXBox {
    box-sizing: content-box
}

.m-listdet .top {
    padding-bottom: 22px;
    border-bottom: 1px solid #e1e3e5;
    margin-bottom: 30px
}

.m-listdet .tit {
    font-size: 32px;
    margin-bottom: 34px
}

.m-listdet .info {
    overflow: hidden
}

.m-listdet .info .n1 {
    color: #8a8d8d;
    font-size: 14px;
    display: inline-block;
    float: left
}

.m-listdet .info .n1 span {
    display: inline-block;
    margin-right: 32px
}

.m-listdet .desc {
    font-size: 16px;
    line-height: 2;
    padding-bottom: 75px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e1e3e5
}

.m-listdet .desc img {
    display: block;
    margin: 20px auto;
}

.pages-links .group {
    font-size: 20px;
    color: #575859;
    margin-bottom: 30px
}

.pages-links .group:last-child {
    margin-bottom: 0
}

.pages-links .group .a {
    display: inline-block;
    color: inherit;
    transition: .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.pages-links .group span {
    display: inline-block;
    margin-right: 24px
}

.pages-links .group .a:hover {
    font-weight: 700;
    color: #a62116
}

.g-titin2 {
    margin-bottom: 0
}

.ul-listin2 {
    margin-bottom: 14px
}

.ul-listin2 .con {
    display: block;
    padding: 32px 0 40px;
    border-bottom: 1px solid #e1e3e5
}

.ul-listin2 .tit {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: .3s
}

.ul-listin2 .con:hover .tit {
    color: #a62116
}

.ul-listin2 .desc {
    font-size: 14px;
    line-height: 2;
    font-weight: 700;
    margin-bottom: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #575859
}

.ul-listin2 .info {
    color: #8a8d8d;
    font-size: 14px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-image: url(/static/images/inset/d2.png);
    margin-bottom: 20px
}

.ul-listin2 .line {
    width: 24px;
    height: 4px;
    background-color: #a62116
}

@media only screen and (min-width: 1199px) {
    .body2 {
        padding-top: 9.739vw
    }

    .wp-in {
        max-width: 79.16vw;
        margin: 0 auto
    }

    .g-banin .bg {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        object-fit: cover
    }

    .g-banin .txt {
        left: 0;
        right: 0;
        top: 48%
    }

    .g-banin .box {
        width: 41.66vw;
        background: rgba(140, 27, 21, .9);
        padding: 1.25vw 2.083vw
    }

    .g-banin .tit {
        font-size: 1.458vw;
        padding-bottom: 1.041vw;
        margin-bottom: 1.041vw;
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    .cur {
        font-size: .729vw;
        padding-left: 1.25vw;
        background-size: .833vw auto;
        background-image: url(/static/images/inset/a1.png)
    }

    .cur a {
        transition: .3s
    }

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

    .pages ul li {
        margin: 0 .208vw;
        width: 1.979vw;
        height: 1.979vw;
    }

    .pages ul a, .pages ul span {
        width: 100%;
        height: 100%;
        line-height: 1.875vw;
        border: 1px solid #e1e3e5;
        transition: .3s;
        border-radius: .208vw
    }

    .pages ul .next a, .pages ul .prev a {
        width: 3.75vw
    }

    .pages ul .last a {
        width: 2.916vw
    }

    .pages ul li.active span {
        background: rgba(140, 27, 21, .9);
        color: #fff;
        border: 1px solid #8c1b15e6;
    }

    .g-row {
        padding: 2.916vw 0 6.25vw
    }

    .g-row .col-l {
        width: 73.68%;
        margin-right: 3.75vw
    }

    .ul-list1 {
        margin-bottom: 4.166vw
    }

    .ul-list1 li {
        margin-bottom: 2.083vw
    }

    .ul-list1 .con {
        padding-bottom: 1.458vw;
        border-bottom: 1px solid #e1e3e5
    }

    .ul-list1 .pic {
        width: 12.5vw;
        margin-right: 1.666vw
    }

    .ul-list1 .pic .img img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        transition: .3s;
        object-fit: cover
    }

    .ul-list1 .con:hover .pic .img img {
        transform: scale(1.06)
    }

    .ul-list1 .txt {
        padding: .781vw 0 0
    }

    .ul-list1 .tit {
        font-size: 1.041vw;
        margin-bottom: .729vw;
        transition: .3s
    }
    .ul-list1 .tit.active1{
        font-size: 2vw;
    }
    .ul-list1 .tit.active2{
        font-size: 1.5vw;
    }

    .ul-list1 .desc {
        font-size: .833vw;
        margin-bottom: 1.562vw
    }

    .ul-list1 .info {
        font-size: .833vw
    }

    .ul-list1 .info span {
        margin-right: 2.083vw;
        padding-left: 1.25vw;
        background-size: .833vw auto
    }

    .g-snv {
        border: 1px solid #e1e3e5;
        margin-bottom: 1.041vw
    }

    .g-snv .tit {
        height: 4.375vw;
        font-weight: 700;
        padding: 0 2.083vw;
        align-items: center;
        font-size: 1.25vw
    }

    .ul-snv .top {
        padding: 0 2.083vw;
        transition: .3s
    }

    .ul-snv .top1 {
        font-size: 1.041vw;
        font-weight: 700;
        align-items: center;
        height: 4.166vw;
        border-bottom: 1px solid #e1e3e5
    }

    .ul-snv .on .top1, .ul-snv li:last-child .top1 {
        border-bottom: none
    }

    .ul-snv .top .arr {
        width: .833vw;
        height: .833vw;
        background-image: url(/static/images/inset/a6.png);
        transition: .3s
    }

    .ul-snv .on .top .arr {
        background-image: url(/static/images/inset/a7.png)
    }

    .ul-snv .box {
        padding: 0 2.916vw
    }

    .ul-snv .box .a {
        font-size: .937vw;
        font-weight: 700;
        transition: .3s;
        padding: 1.145vw 0
    }

    .m-recombox {
        padding: 2.083vw 1.25vw 1.354vw;
        border: 1px solid #e1e3e5
    }

    .g-titin {
        border-bottom: 1px solid #e1e3e5;
        margin-bottom: 1.458vw
    }

    .g-titin .tit {
        font-size: 1.458vw;
        font-weight: 700;
        padding-bottom: .937vw
    }

    .g-titin .tit::after {
        left: 0;
        bottom: 0;
        right: 0;
        bottom: -.104vw;
        background: #a62116;
        height: .208vw;
        content: ""
    }

    .m-boxin1 {
        padding-bottom: 1.25vw;
        border-bottom: 1px solid #e1e3e5;
        margin-bottom: .729vw
    }

    .m-boxin1 .pic {
        margin-bottom: 1.25vw
    }

    .m-boxin1 .pic img {
        transition: .3s
    }

    .m-boxin1:hover .pic img {
        transform: scale(1.06)
    }

    .m-boxin1 .tit {
        font-size: .937vw;
        font-weight: 700;
        margin-bottom: .52vw
    }

    .m-boxin1 .desc {
        font-size: .729vw
    }

    .ul-listin1 .con {
        padding: .729vw 0
    }

    .ul-listin1 .txt {
        font-size: .833vw;
        padding-left: .833vw
    }

    .ul-listin1 .txt::after {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: .416vw;
        height: .416vw;
        border-radius: 50%;
        content: ""
    }

    .row-list3 {
        padding: 2.916vw 0 6.25vw
    }

    .m-banlist {
        margin-bottom: 4.166vw
    }

    .m-banlist .pic {
        margin-right: 3.333vw
    }

    .m-banlist .pic img {
        transition: .3s
    }

    .m-banlist .con:hover .pic img {
        transform: scale(1.06)
    }

    .m-banlist .txt {
        padding: 1.875vw 3.333vw 0 0
    }

    .m-banlist .tit {
        font-size: 1.25vw;
        margin-bottom: .416vw;
        font-weight: 700;
        line-height: 1.9
    }

    .m-banlist .desc {
        font-size: .833vw;
        margin-bottom: 1.666vw;
        line-height: 2
    }

    .m-banlist .info {
        padding-top: 1.666vw;
        border-top: 1px solid rgba(255, 255, 255, .2);
        font-size: .833vw
    }

    .m-banlist .info span {
        margin-right: 2.083vw;
        padding-left: 1.25vw;
        background-size: .833vw auto
    }

    .m-banlist .slick-dots {
        right: 0;
        bottom: 3.125vw
    }

    .m-banlist .slick-dots li {
        margin: 0 .312vw
    }

    .m-banlist .slick-dots button {
        width: .52vw;
        height: .52vw;
        border-radius: 50%;
        background: #d79999;
        font-size: 0;
        border: none;
        transition: .3s;
        padding: 0
    }

    .m-banlist .slick-dots .slick-active button {
        width: .833vw;
        height: .833vw
    }

    .m-banlist .slick-arrow {
        bottom: 2.5vw;
        width: 2.083vw;
        height: 2.083vw;
        background-size: 1.041vw auto;
        font-size: 0;
        transition: .3s
    }

    .m-banlist .slick-prev {
        background-image: url(/static/images/inset/b3.png);
        right: 6.666vw
    }

    .m-banlist .slick-prev:hover {
        background-image: url(/static/images/inset/b3-1.png)
    }

    .m-banlist .slick-next {
        background-image: url(/static/images/inset/b4.png);
        right: 3.333vw
    }

    .m-banlist .slick-next:hover {
        background-image: url(/static/images/inset/b4-1.png)
    }

    .ul-list3 .pic {
        width: 15.62vw
    }

    .m-banlist4 {
        margin-bottom: 2.916vw
    }

    .line4 {
        height: .416vw;
        margin-bottom: 2.916vw
    }

    .ul-list4 {
        margin: 0 -.729vw 4.166vw
    }

    .ul-list4 li {
        width: 33.3%;
        padding: 0 .729vw;
        margin-bottom: 1.666vw
    }

    .ul-list4 .con {
        padding: .833vw .833vw 1.666vw
    }

    .ul-list4 .pic {
        padding-top: 73.68%;
        margin-bottom: 1.458vw
    }

    .ul-list4 .pic img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        object-fit: cover;
        transition: .3s
    }

    .ul-list4 .con:hover .pic img {
        transform: scale(1.06)
    }

    .ul-list4 .tit {
        height: 1.5em;
        font-size: 1.041vw;
        margin-bottom: .52vw
    }

    .ul-list4 .desc {
        font-size: .833vw;
        margin-bottom: .833vw
    }

    .ul-list4 .info {
        font-size: .833vw
    }

    .ul-list4 .info span {
        margin-right: 2.083vw;
        padding-left: 1.25vw;
        background-size: .833vw auto
    }

    .ul-list5 li {
        margin-bottom: 1.979vw
    }

    .ul-list5 .txt {
        align-items: center;
        justify-content: space-between
    }

    .ul-list5 .tit {
        font-size: 1.041vw;
        padding-left: 1.25vw
    }

    .ul-list5 .date {
        font-size: .937vw
    }

    .ul-list5 .tit::after {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        content: "";
        height: .416vw;
        width: .416vw;
        border-radius: 50%
    }

    .g-box {
        margin-bottom: 2.187vw;
        border-bottom: 1px solid #e1e3e5
    }

    .ul-list6 {
        margin-bottom: 4.166vw
    }

    .ul-list6 li {
        margin-bottom: 1.822vw
    }

    .ul-list6 .con {
        padding-bottom: 1.458vw;
        border-bottom: 1px solid #e1e3e5
    }

    .ul-list6 .tit {
        font-size: 1.041vw;
        margin-bottom: .729vw
    }

    .ul-list6 .info {
        font-size: .833vw
    }

    .ul-list6 .info span {
        margin-right: 2.083vw;
        padding-left: 1.25vw;
        background-size: .833vw auto
    }

    .ul-list7 li {
        margin-bottom: 1.458vw
    }

    .ul-list7 .con {
        padding: 1.666vw 7.5vw 1.666vw 1.666vw;
        border-bottom: none
    }

    .ul-list7 .icon {
        width: 7.5vw;
        right: 0;
        top: 0;
        bottom: 0;
        align-items: center;
        justify-content: center
    }

    .ul-list7 .box {
        border-right: 1px solid #e1e3e5
    }

    .ul-list7 .icon img {
        width: 1.666vw
    }

    .row-list8 {
        padding: 2.916vw 0 6.25vw
    }

    .m-list8_top {
        margin-bottom: 1.041vw
    }

    .m-list8_top .col-l {
        width: 52.34vw;
        margin-right: 1.302vw
    }

    .m-list8 .pic {
        padding-top: 65.4%
    }

    .m-list8 .pic .bg {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        object-fit: cover;
        transition: .3s
    }

    .m-list8 .pic::after {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        object-fit: cover;
        content: ""
    }

    .m-list8 .con:hover .pic .bg {
        transform: scale(1.06)
    }

    .m-list8 .txt {
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0 1.666vw
    }

    .m-list8 .m-piclist8 .txt {
        padding: 0 2.083vw
    }

    .m-list8 .tit {
        padding-bottom: .833vw;
        border-bottom: solid #a62116
    }

    .m-list8 .tit1 {
        font-size: .937vw
    }

    .ul-list8 li {
        margin-bottom: 1.041vw
    }

    .ul-list8_1 {
        margin: 0 -.625vw 2.604vw
    }

    .ul-list8_1 li {
        width: 33.3%;
        padding: 0 .625vw;
        margin-bottom: 2.083vw
    }

    .ul-list9 {
        margin: 0 -1.041vw 4.166vw
    }

    .ul-list9 li {
        width: 33.3%;
        padding: 0 1.041vw;
        margin-bottom: 2.5vw
    }

    .ul-list9 .tit {
        font-size: .937vw
    }

    .ul-list9 .con {
        padding-bottom: 1.458vw;
        border-bottom: 1px solid #e1e3e5;
        transition: .3s;
        height: 22.7vw
    }

    .ul-list9 .con:hover {
        border-bottom: solid #a62116
    }

    .ul-list9 .pic {
        padding-top: 66.6%;
        margin-bottom: 1.25vw
    }

    .ul-list9 .pic::after {
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        height: 8.75vw;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 86%)
    }

    .ul-list9 .pic span {
        bottom: .937vw;
        font-size: .833vw
    }

    .ul-list9 .pic .span1 {
        left: 1.041vw
    }

    .ul-list9 .pic .span2 {
        right: 1.041vw
    }

    .ul-list9 .pic img {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .ul-list9 a:hover .pic img {
        -webkit-transform: translate(-50%, -50%) scale(1.08);
        -moz-transform: translate(-50%, -50%) scale(1.08);
        -ms-transform: translate(-50%, -50%) scale(1.08);
        -o-transform: translate(-50%, -50%) scale(1.08);
        transform: translate(-50%, -50%) scale(1.08)
    }

    .ul-list9 .pic i {
        width: 3.125vw;
        height: 3.125vw;
        background: url(/static/images/icon15.png) center center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .bd_weixin_popup {
        box-sizing: content-box
    }

    .jump-icon .con {
        margin: 0 .208vw
    }

    .jump-icon .con a {
        width: 1.458vw;
        height: 1.458vw;
        border-radius: .104vw
    }

    .m-listdet .top {
        padding-bottom: 1.145vw;
        border-bottom: 1px solid #e1e3e5;
        margin-bottom: 1.562vw
    }

    .m-listdet .tit {
        font-size: 1.666vw;
        margin-bottom: 1.77vw
    }

    .m-listdet .info .n1 {
        font-size: .729vw
    }

    .m-listdet .info .n1 span {
        margin-right: 1.666vw
    }

    .m-listdet .desc {
        font-size: 1vw;
        line-height: 2;
        padding-bottom: 3.906vw;
        margin-bottom: 2.604vw;
        border-bottom: 1px solid #e1e3e5
    }

    .pages-links .group {
        font-size: 1.041vw;
        margin-bottom: 1.562vw
    }

    .pages-links .group .a {
        transition: .3s
    }

    .pages-links .group span {
        margin-right: 1.25vw
    }

    .pages-links .group .a:hover {
        font-weight: 700
    }

    .ul-listin2 {
        margin-bottom: .729vw
    }

    .ul-listin2 .con {
        padding: 1.666vw 0 2.083vw;
        border-bottom: 1px solid #e1e3e5
    }

    .ul-listin2 .tit {
        font-size: .937vw;
        font-weight: 700;
        margin-bottom: .937vw
    }

    .ul-listin2 .desc {
        font-size: .729vw;
        line-height: 2;
        font-weight: 700;
        margin-bottom: 1.822vw
    }

    .ul-listin2 .info {
        font-size: .729vw;
        background-size: 1.25vw auto;
        background-image: url(/static/images/inset/d2.png);
        margin-bottom: 1.041vw
    }

    .ul-listin2 .line {
        width: 1.25vw;
        height: .208vw
    }
}

@media only screen and (max-width: 1440px) {
    .ul-list3 .desc, .ul-list4 .desc {
        font-size: 12px;
        line-height: 1.8;
        height: 3.6em
    }
}

@media only screen and (max-width: 1199px) {
    .wp-in {
        padding: 0 15px;
        max-width: 100%;
        width: 100%
    }

    .body2 {
        padding-top: 7.739vw
    }

    .g-banin .tit {
        font-size: 20px;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .g-banin .box {
        padding: 15px;
        width: 100%
    }

    .g-banin .txt {
        top: 50%;
        transform: translateY(-50%)
    }

    .g-banin .pic {
        min-height: 300px;
        padding: 0
    }

    .g-row {
        padding: 50px 0
    }

    .g-row .col-l {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }

    .g-snv .tit {
        height: 60px;
        font-size: 20px;
        position: relative;
        padding: 0 20px
    }

    .g-snv .tit::after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
        content: "";
        background-image: url(/static/images/inset/a7.png);
        width: 16px;
        height: 16px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        right: 20px;
        transition: .3s
    }

    .ul-snv {
        display: none
    }

    .g-snv .tit.on::after {
        transform: translateY(-50%) rotate(180deg)
    }

    .ul-snv .top1 {
        font-size: 18px;
        height: 50px
    }

    .ul-snv .top {
        padding: 0 20px
    }

    .ul-snv .box .a {
        font-size: 16px;
        padding: 10px 0
    }

    .ul-snv .box {
        padding: 0 35px
    }

    .g-titin .tit {
        font-size: 22px;
        padding-bottom: 10px
    }

    .pages ul li {
        /*display: none*/
    }
    .pages ul li:first-child, .pages ul li:last-child{
        width: 38px;
    }

    .pages ul li.next, .pages ul li.on, .pages ul li.prev {
        display: inline-block
    }

    .ul-list1, .ul-list1 li {
        margin-bottom: 20px
    }



    .m-banlist .tit {
        font-size: 18px
    }

    .m-banlist .txt {
        padding: 20px 20px 0
    }

    .m-banlist .desc {
        font-size: 14px
    }

    .m-banlist .pic {
        margin-right: 20px
    }

    .m-banlist .slick-dots {
        bottom: 10px
    }

    .m-banlist .info span {
        margin-right: 10px;
        padding-left: 16px;
        background-size: 12px auto
    }

    .m-banlist .info {
        font-size: 12px;
        padding-top: 15px
    }

    .ul-list4 .tit {
        font-size: 18px
    }

    .ul-list4 .info {
        font-size: 12px
    }

    .ul-list4 .desc {
        font-size: 14px
    }

    .ul-list4 .info span {
        margin-right: 10px;
        padding-left: 16px;
        background-size: 12px auto
    }

    .m-list8_top .col-l {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px
    }

    .m-list8 .txt {
        padding: 0 15px
    }

    .ul-list9 .pic i {
        width: 30px;
        height: 30px
    }

    .ul-list9 .pic span {
        font-size: 12px
    }

    .ul-list9 .tit {
        font-size: 16px;
        line-height: 1.7;
        height: 3.4em
    }

    .ul-list9 .con {
        height: 320px
    }

    .ul-list9 .con:hover {
        border-width: 1px
    }

    .m-listdet .tit {
        font-size: 20px
    }

    .share-box {
        display: none
    }

    .m-listdet .info .n1 span {
        margin-right: 10px
    }

    .m-listdet .info .n1 {
        font-size: 12px
    }

    .m-listdet .desc {
        font-size: 14px;
        padding-bottom: 10px;
        margin-bottom: 20px
    }

    .pages-links .group {
        font-size: 16px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 959px) {
    .body2 {
        padding-top: 70px
    }

    .ul-list1 .tit {
        font-size: 16px
    }

    .ul-list1 .desc {
        font-size: 14px
    }

    .ul-list1 .info span {
        margin-right: 10px;
        padding-left: 18px;
        background-size: 12px auto
    }

    .ul-list1 .info {
        font-size: 12px
    }

    .m-banlist .pic {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .m-banlist .txt {
        padding: 0 15px 30px
    }

    .m-banlist .slick-dots {
        left: 0;
        right: 0;
        text-align: center
    }

    .m-banlist .desc {
        margin-bottom: 15px;
        line-height: 1.7
    }

    .m-banlist .slick-dots .slick-active button {
        width: 12px;
        height: 12px
    }

    .ul-list4 {
        margin: 0 0 40px
    }

    .ul-list4 li {
        padding: 0 10px;
        margin-bottom: 20px;
        width: 50%
    }

    .ul-list5 .tit {
        font-size: 18px
    }

    .ul-list5 .date {
        font-size: 14px
    }

    .ul-list6 .info {
        font-size: 12px
    }

    .ul-list6 .info span {
        padding-left: 16px;
        background-size: 12px auto;
        margin-right: 10px
    }

    .ul-list8_1 {
        margin: 0 0 20px
    }

    .ul-list8_1 li {
        padding: 0 10px;
        width: 50%;
        margin-bottom: 15px
    }

    .m-list8 .tit {
        border-width: 4px;
        padding-bottom: 6px
    }

    .ul-list9 {
        margin: 0 0 20px
    }

    .ul-list9 li {
        padding: 0 10px;
        margin-bottom: 20px;
        width: 50%
    }
}

@media only screen and (max-width: 767px) {
    .g-banin .tit {
        font-size: 18px
    }

    .ul-list1 .pic {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .ul-list1 .desc, .ul-list1 .tit {
        margin-bottom: 4px
    }

    .pages ul a, .pages ul span {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .g-snv .tit {
        font-size: 18px;
        height: 45px
    }

    .ul-snv .top1 {
        font-size: 16px;
        height: 40px
    }

    .ul-snv .box .a {
        padding: 4px 0;
        font-size: 14px
    }

    .m-recombox {
        padding: 20px 10px
    }

    .g-titin .tit {
        font-size: 18px;
        padding-bottom: 5px
    }

    .g-titin .tit::after {
        height: 2px;
        bottom: 0
    }

    .m-boxin1 .tit {
        font-size: 16px;
        margin-bottom: 5px
    }

    .m-boxin1 .desc {
        line-height: 1.7;
        height: auto
    }

    .ul-listin1 .txt {
        font-size: 14px;
        padding-left: 12px
    }

    .ul-listin1 .txt::after {
        width: 6px;
        height: 6px
    }

    .ul-listin1 .con {
        padding: 4px 0
    }

    .m-boxin1 {
        padding-bottom: 10px;
        margin-bottom: 15px
    }

    .g-snv .tit::after, .ul-snv .top .arr {
        width: 12px;
        height: 12px
    }

    .ul-list1 .txt {
        padding: 0
    }

    .ul-list4 li {
        float: none;
        width: 100%;
        padding: 0
    }

    .ul-list4 {
        margin: 0 0 30px
    }

    .row-list3 {
        padding: 50px 0
    }

    .ul-list5 .tit {
        font-size: 16px;
        padding-left: 14px
    }

    .ul-list5 .tit::after {
        width: 8px;
        height: 8px
    }

    .ul-list5 .date {
        font-size: 12px
    }

    .ul-list5 li {
        margin-bottom: 14px
    }

    .g-box {
        margin-bottom: 20px
    }

    .ul-list6 .tit {
        font-size: 16px;
        margin-bottom: 6px
    }

    .ul-list6 .con {
        padding-bottom: 15px;
        padding-right: 0
    }

    .ul-list6, .ul-list6 li {
        margin-bottom: 20px
    }

    .ul-list7 .con {
        padding: 15px 40px 15px 10px
    }

    .ul-list7 .box {
        padding-right: 10px
    }

    .ul-list7 .icon {
        width: 40px
    }

    .ul-list7 .icon img {
        width: 20px
    }

    .m-list8 .m-piclist8 .txt {
        padding: 0 10px
    }

    .m-list8 .tit1 {
        font-size: 16px
    }

    .ul-list8_1 li {
        padding: 0;
        float: none;
        width: 100%
    }

    .m-list8_top {
        margin: 0
    }

    .row-list8 {
        padding: 50px 0
    }

    .ul-list9 li {
        padding: 0;
        float: none;
        width: 100%
    }

    .ul-list9 .pic {
        margin-bottom: 5px
    }

    .ul-list9 .con {
        padding-bottom: 10px;
        height: auto
    }

    .pages-links .group {
        font-size: 14px
    }

    .pages-links .group span {
        margin-right: 10px
    }

    .m-listdet .tit {
        font-size: 16px;
        margin-bottom: 10px
    }

    .ul-listin2 .tit {
        font-size: 16px;
        margin-bottom: 5px
    }

    .ul-listin2 .desc {
        margin-bottom: 10px
    }

    .ul-listin2 .info {
        font-size: 12px;
        margin-bottom: 10px
    }

    .ul-listin2 .line {
        width: 12px;
        height: 2px
    }

    .ul-listin2 .con {
        padding: 20px 0
    }
}

@media only screen and (min-width: 1200px) {
    .wp {
        max-width: 87.5vw
    }

    .wp2 {
        max-width: 79.16vw
    }

    body {
    }

    .hd-top .left {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 20px 0;
    }

    .hd-top a {
        font-size: 1.5vw;
        line-height: 3.583vw;
        padding: 0 1.666vw
    }

    .hd-top .left a:after {
        height: .729vw
    }

    .hd-top .right {
        display: flex;
        align-items: center;
    }

    .hd-top .right a {
        padding: 0 0 0 1.041vw;
        font-size: .729vw;
    }

    .sobox {
        display: flex;
        align-items: center;
    }

    .sobox .tit {
        font-size: .729vw;
        line-height: 2.583vw
    }

    .sobox .tit i {
        width: 1.666vw;
        height: 1.666vw;
        margin-top: -.104vw
    }

    .sobox .so {
        width: 12.5vw;
    }

    .sobox .so .inp {
        height: 1.666vw;
        font-size: .729vw;
        line-height: 2.083vw;
        padding: 0 2.187vw 0 .52vw
    }

    .sobox .so .sub-btn {
        width: 1.666vw;
        height: 1.666vw
    }

    .hd-con .logo {
        /*display: none;*/
    }

    .logo h3 {
        font-size: 1.875vw;
        margin-left: 1.041vw;
        margin-bottom: -.208vw
    }

    .nav {
    }

    .nav ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nav li {
        padding: 0 10px;
    }

    .nav li::before {
        content: '';
        width: 3px;
        height: 3px;
        border-radius: 3px;
        background-color: #0B0A09;
        position: absolute;
        left: 0;
        top: 47%;
    }

    .nav li .v1 {
        font-size: 1.4vw;
        line-height: 2.916vw;
        white-space: nowrap;
    }

    .nav dl {
        width: 10.41vw;
        top: 2.916vw;
        padding: .52vw 0
    }

    .nav dd a {
        font-size: .833vw;
        line-height: 2.343vw
    }

    .nav .downbox {
        width: 10.41vw;
        padding: 0.520vw 0;
    }

    .nav .down {
        top: 2.083vw;
        padding: 9.166vw 0 3.229vw
    }

    .nav .down .so {
        width: 66.66vw
    }

    .nav .down .so .inp {
        height: 3.75vw;
        font-size: 1.041vw;
        line-height: 3.75vw;
        border-radius: .416vw;
        padding: 0 10.41vw 0 2.083vw
    }

    .nav .down .so .sub-btn {
        width: 8.333vw;
        height: 3.75vw;
        font-size: 1.041vw;
        line-height: 3.75vw;
        border-radius: 0 .416vw .416vw 0
    }

    .nav .down .box {
        margin-top: 2.239vw
    }

    .nav .down .item {
        padding: 0 .52vw
    }

    .nav .down .item h3 {
        font-size: 1.041vw;
        padding-bottom: 1.093vw;
        margin-bottom: .729vw
    }

    .nav .down .item h3:after {
        width: 1.458vw;
        height: .104vw
    }

    .nav .down .item .bt a {
        font-size: .833vw
    }

    .Ih-header .right .dw .nav li{margin: 0 0 0 20px;padding: 0;}
    .Ih-header .right .dw .nav li .v1{font-size: 1.08vw;color: #fff;}
    .Ih-header .right .dw .nav li::before{content: none;}

    .fd-top {
        padding: 2.812vw 0 2.031vw
    }

    .fd-logo {
        width: 20.31vw;
        margin-top: .52vw
    }

    .fd-top h3 {
        font-size: 1.25vw;
        line-height: 2.291vw;
        margin-bottom: 1.041vw
    }

    .fd-follow {
        width: 13.54vw;
        margin-left: 13.75vw;
        margin-right: 7.812vw
    }

    .fd-follow dd {
        margin-right: 1.77vw
    }

    .fd-follow dl .tit {
        width: 2.916vw;
        height: 2.916vw;
        border-radius: .364vw
    }

    .fd-follow dl .down {
        width: 6.25vw;
        height: 6.25vw;
        top: -6.25vw;
        border-radius: .364vw;
        -webkit-box-shadow: 0 0 .52vw rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 0 .52vw rgba(0, 0, 0, .2);
        -ms-box-shadow: 0 0 .52vw rgba(0, 0, 0, .2);
        -o-box-shadow: 0 0 .52vw rgba(0, 0, 0, .2);
        box-shadow: 0 0 .52vw rgba(0, 0, 0, .2);
        padding: .52vw
    }

    .fd-contact .con {
        font-size: .729vw;
        line-height: 1.25vw
    }

    .fd-contact .con p {
        margin-bottom: 1.041vw
    }

    .fd-contact .con i {
        width: 1.25vw;
        height: 1.25vw;
        margin-right: .625vw
    }

    .fd-copy {
        font-size: .729vw;
        line-height: 1.77vw;
        padding: 1.093vw 0 1.406vw
    }

    .fd-copy span {
        padding: 0 .833vw
    }

    .fd-copy .ll {
        margin-left: -.833vw
    }

    .fd-copy .rr {
        margin-right: -.833vw
    }

    .fd-copy .rr span:after {
        height: .729vw
    }

    .banner .slick-next, .banner .slick-prev {
        bottom: 3.125vw;
        width: 1.875vw;
        height: 1.875vw
    }

    .banner .slick-prev {
        right: 23.02vw
    }

    .banner .slick-next {
        right: 6.25vw
    }

    .banner .item {
        height: 48.95vw
    }

    .banner .tit {
        padding-top: 4.895vw;
        padding-bottom: 2.604vw
    }

    .banner .tit h3 {
        font-size: 1.875vw
    }

    .banner .slick-dots {
        right: 7.916vw;
        bottom: 3.125vw
    }

    .banner .slick-dots li {
        margin: 0 .52vw
    }

    .banner .slick-dots li button {
        font-size: 1.041vw;
        line-height: 1.875vw
    }

    .banner .slick-dots li.slick-active button {
        font-size: 1.666vw
    }

    .banner .slick-dots li button i {
        margin-left: .625vw;
        margin-top: -.312vw
    }

    .banner .slick-dots li.slick-active button i {
        width: 3.333vw
    }

    .banner .animLoop {
        width: 2.083vw;
        height: 3.958vw;
        bottom: 1.25vw
    }

    .g-tit1 .more {
        font-size: .833vw;
        line-height: 2.916vw;
        margin-left: .52vw
    }

    .g-tit1.qm .more {
        font-size: .937vw
    }

    .g-tit1.qm .more i {
        width: 2.916vw;
        height: 2.916vw;
        margin-top: -.104vw;
        margin-left: 1.25vw
    }

    .g-tit1 h3 {
        font-size: 1.666vw;
        line-height: 2.916vw;
        display: flex;
        align-items: center;
    }

    .g-tit1 h3 img{width: 100%;max-width: 1.9vw;margin-right: 6px;}
    .row-a1 {
        padding: 3.489vw 0 3.281vw
    }

    .row-a1 .cont {
        margin-top: 1.51vw
    }

    .m-pic1 {
        width: 42.29vw
    }

    .m-pic1 .txt {
        padding: .52vw 7.883vw .52vw 1.875vw
    }

    .m-pic1 .txt h3 {
        font-size: 1.2vw;
        margin-bottom: .416vw
    }

    .m-pic1 .txt .date {
        font-size: .729vw
    }

    .m-pic1 .slick-dots {
        bottom: 1.562vw;
        width: 9.375vw

    }
    .xx-ban1_2 .slick-dots{bottom: 0.762vw;}

    .m-pic1 .slick-dots li {
        margin: 0 .312vw
    }

    .m-pic1 .slick-dots li button {
        width: .625vw;
        height: .625vw
    }

    .ul-txt1 {
        width: 42.29vw
    }

    .ul-txt1 li {
        margin-bottom: 1.25vw
    }

    .ul-txt1 .con {
        -webkit-box-shadow: 0 .312vw .833vw rgba(149, 157, 165, .2);
        -moz-box-shadow: 0 .312vw .833vw rgba(149, 157, 165, .2);
        -ms-box-shadow: 0 .312vw .833vw rgba(149, 157, 165, .2);
        -o-box-shadow: 0 .312vw .833vw rgba(149, 157, 165, .2);
        box-shadow: 0 .312vw .833vw rgba(149, 157, 165, .2);
        padding: .52vw 1.458vw
    }

    .ul-txt1 .date {
        font-size: .833vw;
        line-height: 2.291vw;
        margin-left: .52vw
    }

    .ul-txt1 h3 {
        font-size: 1.2vw;
        line-height: 2.291vw
    }

    .ul-txt1 h3 i {
        width: .937vw;
        height: .937vw;
        margin-top: -.104vw;
        margin-right: .833vw
    }

    .row-a2 {
        padding: 3.489vw 0 2.5vw
    }

    .m-notice {
        width: 27.91vw;
        margin-right: 2.916vw
    }

    .ul-txt2 {
        margin-top: 1.406vw
    }

    .ul-txt2 li {
        margin-bottom: 1.041vw
    }

    .ul-txt2 .date {
        width: 4.166vw;
        font-size: .729vw;
        border-radius: .312vw;
        margin-right: 1.25vw;
        padding: .312vw 0
    }

    .ul-txt2 h3 {
        font-size: .9vw;
    }

    .ul-imgtxt1 {
        margin: 1.406vw -.729vw 0
    }

    .ul-imgtxt1 li {
        padding: 0 .729vw;
        margin-bottom: 1.041vw
    }

    .ul-imgtxt1 .pic {
        margin-bottom: .937vw
    }

    .ul-imgtxt1 h3 {
        font-size: .9vw;
        line-height: 1.875vw
    }

    .ul-imgtxt1 span {
        font-size: .729vw;
        line-height: 1.875vw
    }

    .row-a3 {
        padding: 3.697vw 0 1.406vw
    }

    .row-a3 .tit h3 {
        font-size: 2.083vw;
        margin-bottom: 1.041vw
    }

    .row-a3 .tit .desc {
        font-size: .833vw
    }

    .ul-txt3 {
        margin: 4.114vw -1.562vw 0
    }

    .ul-txt3 li {
        padding: 0 1.562vw;
        margin-bottom: 2.291vw
    }

    .ul-txt3 em {
        font-size: 3.125vw
    }

    .ul-txt3 span {
        font-size: .937vw
    }

    .row-a4 {
        padding: 3.593vw 0 3.125vw
    }

    .ul-imgtxt2 {
        margin: 1.406vw -.52vw 0
    }

    .ul-imgtxt2 li {
        padding: 0 .52vw;
        margin-bottom: 1.041vw
    }

    .ul-imgtxt2 .txt {
        padding: 1.822vw 1.666vw 3.541vw
    }

    .ul-imgtxt2 .txt h3 {
        font-size: 1.458vw
    }

    .ul-imgtxt2 .li1 .txt h3 {
        width: 1.458vw;
        padding-top: .26vw
    }

    .ul-imgtxt2 .txt .more {
        left: 1.666vw;
        bottom: 1.406vw;
        right: 1.666vw;
        font-size: .729vw;
        line-height: 2.083vw
    }

    .ul-imgtxt2 .li1 .txt .more {
        width: 2.083vw;
        bottom: 1.666vw
    }

    .ul-imgtxt2 .li1 .txt .more span {
        width: .729vw;
        margin: 0 auto 1.041vw
    }

    .ul-imgtxt2 .txt .more span:after {
        width: 2.552vw;
        margin-left: 1.041vw
    }

    .ul-imgtxt2 .li1 .txt .more span:after {
        height: 2.552vw;
        margin: .625vw auto 0
    }

    .ul-imgtxt2 .txt .more i {
        width: 2.083vw;
        height: 2.083vw
    }

    .row-a5 {
        padding: 3.593vw 0 2.166vw
    }

    .m-imgtxt1 {
        margin: 1.406vw -1.041vw 0
    }

    .m-imgtxt1 .slick-list {
        padding-bottom: 3.75vw
    }

    .m-imgtxt1 .item {
        margin: 0 1.041vw
    }

    .m-imgtxt1 .con {
        padding: .833vw .833vw 1.145vw
    }

    .m-imgtxt1 .pic {
        margin-bottom: 1.197vw
    }

    .m-imgtxt1 h3 {
        font-size: .9vw;
        margin-bottom: .52vw
    }

    .m-imgtxt1 .desc {
        font-size: .729vw
    }

    .m-imgtxt1 span {
        font-size: .729vw;
        margin-top: .52vw
    }

    .m-imgtxt1 .slick-dots li {
        margin: 0 .625vw
    }

    .m-imgtxt1 .slick-dots li button {
        width: .833vw;
        height: .833vw;
        border-radius: .416vw
    }

    .m-imgtxt1 .slick-dots li.slick-active button {
        width: 2.083vw
    }

    .row-a6 {
        padding: 4.166vw 0 5.208vw
    }

    .row-a6 .boxs {
        margin: 0 -.937vw;
    }

    .row-a6 .box {
        padding: 0 .937vw
    }

    .row-a6 .box .cont {
        border-radius: .833vw;
        -webkit-box-shadow: 0 .416vw 1.25vw rgba(149, 157, 165, .2);
        -moz-box-shadow: 0 .416vw 1.25vw rgba(149, 157, 165, .2);
        -ms-box-shadow: 0 .416vw 1.25vw rgba(149, 157, 165, .2);
        -o-box-shadow: 0 .416vw 1.25vw rgba(149, 157, 165, .2);
        box-shadow: 0 .416vw 1.25vw rgba(149, 157, 165, .2);
        padding: 1.302vw 1.875vw .937vw
    }

    .row-a6 .g-tit1 h3 {
        font-size: 1.25vw
    }

    .ul-txt4 {
        margin-top: .781vw
    }

    .ul-txt4 li {
        margin-bottom: 0.68vw
    }

    .ul-txt4 .con {
        padding-bottom: .677vw
    }

    .ul-txt4 span {
        font-size: .729vw;
        margin-left: 2.604vw
    }

    .ul-txt4 h3 {
        font-size: 1vw
    }

    .ul-txt4 h3 i {
        width: .416vw;
        height: .416vw;
        margin-top: -.104vw;
        margin-right: .416vw
    }

    .row-a6 .ul-txt2 {
        margin-top: .989vw;
        margin-bottom: -.104vw
    }

    .row-a6 .ul-txt2 li {
        margin-bottom: 1.32vw
    }

    .row-a7 {
        padding: 3.541vw 0 3.125vw
    }
    .row-a7 .boxs{overflow: hidden;}
    .row-a7 .boxs .swiper{position: relative;margin-top: 20px;}

    .row-a7 .boxs .swiper .swiper-pagination-bullet{
        display: inline-block;
        width: 16px;
        height: 16px;
        font-size: 0;
        line-height: 0;
        text-indent: 999px;
        border: none;
        background-color: #5e5e5e;
        border-radius: 8px;
        padding: 0
    }

    .row-a7 .boxs .swiper .swiper-pagination-bullet-active{
        width: 40px;
        background-color: #8c1b15
    }

    .row-a7 .boxs .items{width: 100%;height: 24vw;}
    .row-a7 .boxs .items .pic{width: 100%;height: 80%;}
    .row-a7 .boxs .items .pic img{width: 100%;height: 100%;object-fit: cover;}
    .row-a7 .boxs .items .txt{width: 100%;height: 20%;font-size: 16px;text-align: center;line-height: 32px;}


    .ul-img1 {
        margin: 1.458vw -.468vw 0
    }

    .ul-img1 li {
        padding: 0 .468vw;
        margin-bottom: 1.041vw
    }

    .ul-img1 .pic i {
        width: 2.395vw;
        height: 2.395vw
    }

    .ul-img1 .li5 .pic i, .ul-img1 .li6 .pic i {
        width: 3.333vw;
        height: 3.333vw
    }

    .row-a8 {
        padding: 3.541vw 0 3.125vw
    }

    .g-tit1 .bshare-custom a {
        width: 2.916vw;
        height: 2.916vw;
        margin-left: 1.041vw
    }

    .ul-imgtxt3 {
        margin: 1.458vw -.52vw 0
    }

    .ul-imgtxt3 li {
        padding: 0 .52vw;
        margin-bottom: 1.041vw
    }

    .ul-imgtxt3 h3 {
        font-size: .833vw;
        border-bottom: solid #a62116;
        left: 2.083vw;
        right: 2.083vw;
        padding-bottom: .625vw
    }

    .row-a9 {
        padding: 1.822vw 0 4.166vw
    }

    .row-a9 .top h3 {
        font-size: 1.041vw;
        line-height: 3.333vw
    }

    .row-a9 .top h3 i {
        width: .416vw;
        height: .416vw;
        margin-top: -.104vw;
        margin-right: .416vw
    }

    .row-a9 .top h3 em {
        font-size: .729vw;
        padding: 0 .833vw;
        margin: -.104vw .833vw 0
    }

    .row-a9 .top h3 em:after {
        height: .833vw
    }

    .row-a9 .box {
        margin-top: 1.666vw
    }

    .ul-imgtxt4 {
        width: 11.66vw
    }

    .ul-imgtxt4 .con {
        height: 3.645vw;
        line-height: 3.645vw;
        padding: 0 1.302vw
    }

    .ul-imgtxt4 i {
        width: 2.083vw;
        height: 2.083vw;
        margin-right: .781vw
    }

    .ul-imgtxt4 h3 {
        font-size: .729vw
    }

    .ul-imgtxt4 h3 em {
        font-size: .625vw
    }

    .ul-txt5 {
        padding: 1.093vw 1.562vw .26vw
    }

    .ul-txt5 li {
        padding: 0 .52vw;
        margin-bottom: .729vw
    }

    .ul-txt5 li a {
        font-size: .729vw
    }

    .row-a1.qm {
        padding: 4.166vw 0 2.916vw
    }

    .row-a1 .left {
        width: 42.29vw;
        margin-top: -.572vw
    }

    .row-a1 .left .ul-txt1 {
        margin-top: 1.458vw
    }

    .m-pic2 {
        width: 42.29vw
    }

    .m-pic2 i {
        width: 4.166vw;
        height: 4.166vw
    }

    .m-pic2 h3 {
        font-size: 1.041vw;
        line-height: 3.75vw;
        padding: 0 1.875vw;
        bottom: 1.25vw
    }

    .row-a10 {
        padding: 4.166vw 0
    }

    .m-teachers {
        padding: 2.968vw 5.208vw
    }

    .m-teachers a {
        width: 9.166vw;
        font-size: 1.041vw;
        line-height: 3.125vw;
        margin-top: .677vw;
        margin-left: .52vw
    }

    .m-teachers a i {
        width: 1.041vw;
        height: 1.041vw;
        margin-top: -.104vw;
        margin-left: .625vw
    }

    .m-teachers .txt h3 {
        font-size: 1.666vw;
        line-height: 2.708vw
    }

    .m-teachers .txt em {
        font-size: .729vw;
        line-height: 1.77vw
    }

    .row-a11 {
        padding: 2.447vw 0 3.385vw
    }

    .row-a11 .tit {
        font-size: 1.041vw
    }

    .ul-txt6 {
        margin: 1.51vw -.312vw 0
    }

    .ul-txt6 li {
        padding: 0 .312vw;
        margin-bottom: .833vw
    }

    .ul-txt6 li a {
        font-size: .729vw
    }

    .m-video-pop .video {
        margin-bottom: .52vw
    }

    .m-video-pop h3 {
        font-size: 1.041vw;
        margin-bottom: .52vw
    }

    .m-video-pop .desc {
        font-size: .729vw
    }

    .ban .bg2 {
        bottom: 1.718vw
    }

    .ban .txt {
        bottom: 13.12vw
    }

    .ban h3 {
        font-size: 2.083vw
    }

    .ul-imgtxtq1 {
        padding: 4.166vw 0 2.083vw
    }

    .ul-imgtxtq1 li {
        padding-right: 2.083vw;
        margin-bottom: 2.083vw
    }

    .ul-imgtxtq1 .pic {
        width: 20.83vw;
        height: 25vw
    }

    .ul-imgtxtq1 .box {
        width: 16.66vw
    }

    .ul-imgtxtq1 .txt {
        padding: 0 2.083vw
    }

    .ul-imgtxtq1 h3 {
        min-height: 4.375vw;
        font-size: 1.666vw;
        line-height: 2.5vw;
        padding-bottom: .625vw;
        margin-bottom: 1.354vw
    }

    .ul-imgtxtq1 h3:after {
        width: 2.083vw;
        height: .208vw
    }

    .ul-imgtxtq1 .desc {
        font-size: .937vw
    }
    .ul-imgtxtq1 .desc .swiper{height: 100%;}
    .ul-imgtxtq1 .desc .swiper .swiper-slide{
        height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .m-messageboard {
        border-radius: .833vw;
        -webkit-box-shadow: 0 .208vw .52vw rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 .208vw .52vw rgba(0, 0, 0, .3);
        -ms-box-shadow: 0 .208vw .52vw rgba(0, 0, 0, .3);
        -o-box-shadow: 0 .208vw .52vw rgba(0, 0, 0, .3);
        box-shadow: 0 .208vw .52vw rgba(0, 0, 0, .3);
        margin: 1.822vw 0 5.312vw
    }

    .m-messageboard .top {
        backdrop-filter: blur(1.614vw);
        padding: 1.25vw 4.895vw 1.197vw 4.739vw
    }

    .m-messageboard .top .log {
        height: 6.77vw;
        margin-right: .52vw
    }

    .m-messageboard .top h3 {
        font-size: 1.875vw;
        line-height: 6.77vw
    }

    .m-messageboard .form {
        padding: 5.156vw 6.25vw 4.375vw
    }

    .m-messageboard .form .box {
        margin: 0 -2.083vw
    }

    .m-messageboard .form .item {
        padding: 0 2.083vw;
        margin-bottom: 1.77vw
    }

    .m-messageboard .form .left {
        width: 5.104vw;
        font-size: 1.041vw;
        line-height: 3.020vw;
        padding-right: 1.25vw
    }

    .m-messageboard .form .left em {
        margin-right: .208vw
    }

    .m-messageboard .form .right.qm {
        padding-right: 14.68vw
    }

    .m-messageboard .form .right .upload {
        width: 24vw;
    }

    .m-messageboard .form .right #local-img-btn {
        height: 3vw;
    }

    .m-messageboard .form .inp {
        height: 3.020vw;
        font-size: .833vw;
        line-height: 2.916vw;
        border-radius: .208vw;
        padding: 0 1.145vw
    }

    .m-messageboard .form .inp2 {
        width: 13.64vw;
        padding-right: 6.77vw
    }

    .m-messageboard .form .inp3 {
        padding-right: 7.291vw
    }

    .m-messageboard .form .but {
        width: 5.833vw;
        height: 3.020vw;
        font-size: .833vw;
        line-height: 3.020vw;
        border-radius: 0 .208vw .208vw 0
    }

    .m-messageboard .form .file {
        height: 3.020vw;
        font-size: .833vw;
        line-height: 2.916vw;
        border-radius: .208vw;
        padding: 0 1.145vw
    }

    .m-messageboard .form .img {
        border-radius: 0 .208vw .208vw 0;
        height: 97%;
        overflow: hidden;
    }

    .m-messageboard .form .img img {
        height: 100%;
    }

    .m-messageboard .form textarea {
        height: 12.39vw;
        font-size: .833vw;
        line-height: 2.916vw;
        border-radius: .208vw;
        padding: 0 1.145vw
    }

    .m-messageboard .form .sub-btn {
        width: 12.5vw;
        height: 3.125vw;
        font-size: .937vw;
        line-height: 3.125vw;
        border-radius: .625vw;
        margin: 2.343vw auto 0
    }

    .m-inquiry .inquiry {
        width: 66.66vw;
        border-radius: .416vw;
        -webkit-box-shadow: 0 .208vw .781vw rgba(112, 112, 112, .45);
        -moz-box-shadow: 0 .208vw .781vw rgba(112, 112, 112, .45);
        -ms-box-shadow: 0 .208vw .781vw rgba(112, 112, 112, .45);
        -o-box-shadow: 0 .208vw .781vw rgba(112, 112, 112, .45);
        box-shadow: 0 .208vw .781vw rgba(112, 112, 112, .45);
        padding: 2.5vw 1.354vw 3.437vw
    }

    .m-inquiry .inquiry .tit {
        padding-bottom: 2.447vw
    }

    .m-inquiry .inquiry .tit h3 {
        width: 13.38vw;
        font-size: 1.458vw;
        line-height: 3.333vw
    }

    .m-inquiry .inquiry .cont {
        padding: 3.833vw 2.27vw 0
    }

    .m-inquiry .inquiry .txt {
        width: 18.69vw;
        padding: 1.875vw 0 1.406vw;
        margin-right: 4.322vw
    }

    .m-inquiry .inquiry .txt h3 {
        font-size: 1.25vw;
        margin-bottom: .885vw
    }

    .m-inquiry .inquiry .txt .desc {
        font-size: .833vw
    }

    .m-inquiry .inquiry .form {
        padding-top: .468vw
    }

    .m-inquiry .inquiry .item {
        margin-bottom: 1.354vw
    }

    .m-inquiry .inquiry .left {
        width: 4.375vw;
        font-size: 1.041vw;
        line-height: 3.020vw;
        padding-right: 1.25vw
    }

    .m-inquiry .inquiry .inp {
        height: 3.020vw;
        font-size: .833vw;
        line-height: 2.916vw;
        border-radius: .416vw;
        padding: 0 1.145vw
    }

    .m-inquiry .inquiry .sub-btn {
        width: 9.583vw;
        height: 2.708vw;
        font-size: .937vw;
        line-height: 2.708vw;
        border-radius: .416vw;
        margin: 2.864vw auto 0
    }

    .m-pop .inner {
        width: 66.66vw;
        border-radius: .416vw
    }

    .m-pop .close {
        width: 1.25vw;
        height: 1.25vw;
        right: 0.4vw;
        top: 0.4vw
    }

    .m-win {
        margin: 2.5vw 1.354vw 1.614vw
    }

    .m-win .tit {
        padding-bottom: 2.447vw
    }

    .m-win .tit h3 {
        width: 13.38vw;
        font-size: 1.458vw;
        line-height: 3.333vw
    }

    .m-win .txt {
        padding: 2.395vw 11.14vw 5.208vw
    }

    .m-win .txt h3 {
        font-size: 1.25vw
    }

    .m-win .txt .cont {
        height: 13.59vw;
        margin-bottom: 2.395vw
    }

    .m-win .txt .desc {
        font-size: 1.041vw
    }

    .m-win .txt.qm .desc {
        font-size: 1.25vw;
        letter-spacing: .781vw
    }

    .m-win .txt .desc p span {
        margin-right: 4.166vw
    }

    .m-win .txt .bot .btn {
        width: 9.583vw;
        height: 2.708vw;
        font-size: .937vw;
        line-height: 2.708vw;
        border-radius: .416vw;
        margin: 0 auto 1.041vw
    }

    .m-win .txt .bot span {
        font-size: .729vw
    }

    .m-win .txt .bot span i {
        width: .937vw;
        height: .937vw;
        margin-top: -.104vw;
        margin-right: .416vw
    }

    .m-pop.qm .inner {
        width: 36.14vw
    }

    .m-load .top {
        padding: 4.322vw 1.041vw 5.52vw
    }

    .m-load .top h3 {
        font-size: 1.875vw;
        margin-bottom: 1.145vw
    }

    .m-load .top span {
        font-size: 1.25vw
    }

    .ul-txtq1 {
        padding: 1.51vw 0 1.458vw
    }

    .ul-txtq1 li {
        padding: 0 .52vw
    }

    .ul-txtq1 li:after {
        height: 2.5vw
    }

    .ul-txtq1 li a {
        font-size: 1.25vw
    }

    .ul-txtq1 li a i {
        width: 2.5vw;
        height: 2.5vw;
        margin-top: -.104vw;
        margin-right: .833vw
    }

    .xxwh_list {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        flex-wrap: wrap;
    }

    .xxwh_list li {
        width: 32%;
        height: 10.5vw;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .xxwh_list li .img {
        width: 100%;
        height: 100%;
    }

    .xxwh_list li .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media only screen and (max-width: 1366px) {
    .fd-follow {
        margin-right: 4vw
    }

    .nav li {
        margin: 0 1vw
    }
}

@media only screen and (max-width: 1199px) {
    .wp, .wp2 {
        width: auto;
        max-width: none;
        padding: 0 10px
    }

    body {
        padding-top: 70px
    }

    .header {
        background-color: #8c1b15;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
    }

    .hd-top {
        display: none
    }

    .hd-con {
        background: 0 0;
        padding: 0
    }

    .header.fixed .hd-con {
        background: #8c1b15
    }

    .logo {
        height: 70px;
        line-height: 70px
    }

    .logo img {
        height: 50px;
        max-width: unset;
    }

    .header.fixed .logo .img1 {
        display: inline-block
    }

    .header.fixed .logo .img2 {
        display: none
    }

    .logo h3 {
        vertical-align: middle;
        font-size: 20px;
        margin-bottom: 0;
        margin-left: 10px
    }

    .menuBtn {
        display: block
    }

    .nav {
        display: none;
        float: none;
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, .95);
        padding: 10px 0;
        margin-right: 0;
        overflow: hidden;
        overflow-y: auto
    }

    .nav li {
        float: none;
        margin: 0
    }

    .nav li .v1 {
        font-size: 16px;
        color: #252626;
        line-height: 45px;
        text-align: center
    }

    .nav dl {
        width: auto;
        background: 0 0;
        position: static;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    .nav dd a {
        font-size: 14px;
        line-height: 30px
    }

    .nav .down {
        display: none;
        background: 0 0;
        position: static;
        padding: 10px 0
    }

    .nav .down .so {
        width: 400px;
        border-radius: 8px;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        -o-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        box-shadow: 0 0 10px rgba(0, 0, 0, .2)
    }

    .nav .down .so .inp {
        height: 40px;
        font-size: 14px;
        color: #252626;
        line-height: 40px;
        background-color: #fff;
        padding: 0 100px 0 10px
    }

    .nav .down .so .sub-btn {
        width: 90px;
        height: 40px;
        font-size: 14px;
        line-height: 40px
    }

    .nav .down .box {
        display: none
    }

    .nav .downbox {
        width: auto;
        background: 0 0;
        position: static;
        padding: 5px 0;
    }

    .fd-top {
        padding: 20px 0 10px
    }

    .fd-logo {
        float: none;
        width: 280px;
        margin: 0 auto 10px
    }

    .fd-follow {
        float: none;
        width: auto;
        margin: 0 0 10px
    }

    .fd-top h3 {
        font-size: 16px;
        line-height: 1.5em;
        margin-bottom: 10px;
        text-align: center
    }

    .fd-follow dl {
        font-size: 0;
        text-align: center
    }

    .fd-follow dd {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px
    }

    .fd-follow dl .tit {
        width: 40px;
        height: 40px
    }

    .fd-follow dl .down {
        width: 100px;
        height: 100px;
        top: -100px
    }

    .fd-contact .con {
        max-width: 340px;
        margin: 0 auto
    }

    .fd-contact .con p {
        float: none;
        width: auto;
        margin-bottom: 10px
    }

    .fd-contact .con i {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px
    }

    .fd-contact .con span {
        display: inline-block;
        vertical-align: middle
    }

    .fd-copy {
        line-height: 1.5em;
        text-align: center;
        padding: 10px 0
    }

    .fd-copy .ll {
        float: none;
        margin-left: 0
    }

    .fd-copy .rr {
        float: none;
        margin-right: 0
    }

    .fd-copy span {
        padding: 0 5px
    }

    .banner .item {
        height: 48.95vw
    }

    .banner .tit {
        padding: 10px 0 40px
    }

    .banner .tit h3 {
        font-size: 18px
    }

    .banner .slick-dots {
        right: 0;
        width: 100%;
        text-align: center;
        bottom: 10px
    }

    .banner .slick-dots li {
        margin: 0 5px
    }

    .banner .slick-dots li button {
        font-size: 16px;
        line-height: 20px
    }

    .banner .slick-dots li.slick-active button {
        font-size: 20px
    }

    .banner .slick-dots li button i {
        margin-left: 5px
    }

    .banner .slick-dots li.slick-active button i {
        width: 32px
    }

    .banner .slick-next, .banner .slick-prev {
        bottom: auto;
        top: 50%;
        margin-top: -18px
    }

    .banner .slick-prev {
        left: 10px
    }

    .banner .slick-next {
        right: 10px
    }

    .banner .animLoop {
        display: none
    }

    .g-tit1 .more {
        font-size: 14px;
        line-height: 40px
    }

    .g-tit1.qm .more {
        font-size: 16px
    }

    .g-tit1.qm .more i {
        width: 40px;
        height: 40px;
        margin-left: 10px
    }

    .g-tit1 h3 {
        font-size: 18px;
        line-height: 40px
    }

    .row-a1 {
        padding: 30px 0 20px
    }

    .row-a1 .cont {
        margin-top: 20px
    }

    .m-pic1 {
        float: none;
        width: auto;
        margin-bottom: 20px
    }

    .m-pic1 .txt {
        padding: 5px 120px 5px 10px
    }

    .m-pic1 .txt h3 {
        font-size: 16px;
        line-height: 1.5em;
        margin-bottom: 0
    }

    .m-pic1 .txt .date {
        display: none
    }

    .m-pic1 .slick-dots {
        width: 120px;
        bottom: 10px
    }

    .m-pic1 .slick-dots li {
        margin: 0 3px
    }

    .ul-txt1 {
        float: none;
        width: auto
    }

    .ul-txt1 li {
        margin-bottom: 10px
    }

    .ul-txt1 .con {
        padding: 10px
    }

    .ul-txt1 .date, .ul-txt1 h3 {
        font-size: 14px;
        line-height: 40px
    }

    .ul-txt1 h3 i {
        margin-right: 10px
    }

    .row-a2 {
        padding: 30px 0 10px
    }

    .m-notice {
        float: none;
        width: auto;
        margin-right: 0
    }

    .ul-txt2 {
        margin-top: 20px
    }

    .ul-txt2 .date {
        width: 70px;
        line-height: 1.5em;
        margin-right: 20px
    }

    .ul-txt2 .txt {
        padding-bottom: 5px
    }

    .ul-imgtxt1 {
        margin: 20px -10px 0
    }

    .ul-imgtxt1 .slick-list {
        padding-bottom: 20px
    }

    .ul-imgtxt1 li {
        padding: 0 10px
    }

    .ul-imgtxt1 .pic {
        margin-bottom: 10px
    }

    .ul-imgtxt1 h3 {
        font-size: 14px;
        line-height: 1.5em;
        margin-bottom: 5px
    }

    .ul-imgtxt1 span {
        font-size: 12px;
        line-height: 1.5em
    }

    .row-a3 {
        padding: 30px 0 10px
    }

    .row-a3 .tit h3 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .row-a3 .tit .desc {
        font-size: 14px;
        line-height: 1.8em
    }

    .ul-txt3 {
        margin: 20px -10px 0
    }

    .ul-txt3 li {
        padding: 0 10px;
        margin-bottom: 20px
    }

    .ul-txt3 em {
        font-size: 32px
    }

    .ul-txt3 span {
        font-size: 14px;
        line-height: 1.5em
    }

    .row-a4 {
        padding: 30px 0 10px
    }

    .ul-imgtxt2 {
        margin-top: 20px
    }

    .ul-imgtxt2 .txt {
        padding: 10px
    }

    .ul-imgtxt2 .txt h3 {
        font-size: 16px
    }

    .ul-imgtxt2 .txt .more {
        left: 10px;
        bottom: 10px;
        right: 10px;
        line-height: 30px
    }

    .ul-imgtxt2 .txt .more span:after {
        width: 25px;
        margin-left: 10px
    }

    .ul-imgtxt2 .txt .more i {
        width: 30px;
        height: 30px
    }

    .ul-imgtxt2 .li1 .txt .more {
        width: 30px;
        bottom: 10px
    }

    .ul-imgtxt2 .li1 .txt .more span {
        margin-bottom: 10px
    }

    .ul-imgtxt2 .li1 .txt .more span:after {
        height: 25px;
        margin-top: 5px
    }

    .ul-imgtxt2 .li1 .pic {
        padding-top: 215%
    }

    .row-a5 {
        padding: 30px 0
    }

    .m-imgtxt1 {
        margin: 20px -10px 0
    }

    .m-imgtxt1 .slick-list {
        padding-bottom: 30px
    }

    .m-imgtxt1 .item {
        margin: 0 10px
    }

    .m-imgtxt1 .con {
        padding: 10px
    }

    .m-imgtxt1 .pic {
        margin-bottom: 10px
    }

    .m-imgtxt1 h3 {
        line-height: 1.5em;
        margin-bottom: 10px
    }

    .m-imgtxt1 span {
        line-height: 1.5em;
        margin-top: 10px
    }

    .m-imgtxt1 .slick-dots li {
        margin: 0 5px
    }

    .m-imgtxt1 .slick-dots li button {
        width: 10px;
        height: 10px;
        border-radius: 5px
    }

    .m-imgtxt1 .slick-dots li.slick-active button {
        width: 20px
    }

    .row-a6 {
        padding: 30px 0 10px
    }

    .row-a6 .boxs {
        margin: 0
    }

    .row-a6 .box {
        float: none;
        width: auto;
        padding: 0;
        margin-bottom: 20px
    }

    .row-a6 .box .cont {
        padding: 10px
    }

    .row-a6 .g-tit1 h3 {
        font-size: 16px
    }

    .ul-txt4 {
        margin-top: 20px
    }

    .ul-txt4 li {
        margin-bottom: 10px
    }

    .ul-txt4 .con {
        padding-bottom: 10px
    }

    .ul-txt4 span {
        margin-left: 10px
    }

    .ul-txt4 h3 i {
        margin-right: 5px
    }

    .row-a6 .ul-txt2 {
        margin-top: 20px;
        margin-bottom: 0
    }

    .row-a6 .ul-txt2 li {
        margin-bottom: 20px
    }

    .row-a7 {
        padding: 30px 0 20px
    }

    .ul-img1 {
        display: none;
        margin: 20px -5px 0
    }

    .ul-img-m1 {
        display: block !important
    }

    .ul-img1 li {
        width: 25%;
        padding: 0 5px;
        margin-bottom: 10px
    }

    .ul-img1 .li5 {
        float: left;
        width: 100%
    }

    .ul-img1 .li6 {
        width: 100%
    }

    .ul-img1 .pic i {
        width: 30px;
        height: 30px
    }

    .ul-img1 .li5 .pic i, .ul-img1 .li6 .pic i {
        width: 40px;
        height: 40px
    }

    .row-a8 {
        padding: 30px 0 10px
    }

    .g-tit1 .bshare-custom a {
        width: 40px;
        height: 40px;
        margin-left: 10px
    }

    .ul-imgtxt3 {
        display: none;
        margin-top: 20px
    }

    .ul-imgtxt-m3 {
        display: block !important
    }

    .ul-imgtxt3 li {
        width: 50%
    }

    .ul-imgtxt3 .li3, .ul-imgtxt3 .li4 {
        width: 100%
    }

    .ul-imgtxt3 h3 {
        font-size: 14px;
        line-height: 1.8em;
        border-width: 3px;
        left: 10px;
        right: 10px;
        padding-bottom: 5px
    }

    .row-a9 {
        padding: 30px 0
    }

    .row-a9 .top h3 {
        font-size: 16px;
        line-height: 40px
    }

    .row-a9 .top h3 i {
        width: 6px;
        height: 6px;
        margin-right: 5px
    }

    .row-a9 .top h3 em {
        padding: 0 10px;
        margin: -2px 10px 0
    }

    .row-a9 .box {
        margin-top: 20px
    }

    .ul-imgtxt4 {
        width: 180px
    }

    .ul-imgtxt4 .con {
        padding: 0 10px
    }

    .row-a1.qm {
        padding: 30px 0
    }

    .ul-txt5 {
        padding: 20px 10px 6px
    }

    .ul-txt5 li {
        width: 33.33%
    }

    .row-a1.qm .cont {
        margin-top: 0
    }

    .row-a1 .left {
        float: none;
        width: auto;
        margin-top: 0;
        margin-bottom: 20px
    }

    .row-a1 .left .ul-txt1 {
        margin-top: 10px
    }

    .m-pic2 {
        float: none;
        width: auto
    }

    .m-pic2 i {
        width: 50px;
        height: 50px
    }

    .m-pic2 h3 {
        font-size: 16px;
        line-height: 50px;
        padding: 0 10px;
        bottom: 10px
    }

    .row-a10 {
        padding: 30px 0
    }

    .m-teachers {
        padding: 20px
    }

    .m-teachers a {
        width: 150px;
        font-size: 16px;
        line-height: 45px;
        margin-top: 8px
    }

    .m-teachers a i {
        width: 15px;
        height: 15px;
        margin-left: 10px
    }

    .m-teachers .txt h3 {
        font-size: 18px;
        line-height: 1.5em;
        margin-bottom: 10px
    }

    .m-teachers .txt em {
        line-height: 1.5em
    }

    .row-a11 {
        padding: 30px 0 10px
    }

    .row-a11 .tit {
        font-size: 16px
    }

    .ul-txt6 {
        margin-top: 20px
    }

    .ul-txt6 li {
        width: 12.5%
    }

    .m-video-pop.fancybox-content {
        padding: 20px
    }

    .m-video-pop h3 {
        font-size: 16px
    }

    .fancybox-slide--html .fancybox-close-small {
        top: -10px !important;
        right: -10px !important
    }

    .ban .bg2 {
        bottom: 10px
    }

    .ban .txt {
        bottom: 13.12vw
    }

    .ban h3 {
        font-size: 20px
    }

    .ul-imgtxtq1 {
        padding: 30px 0 10px
    }

    .ul-imgtxtq1 ul {
        margin: 0 -10px
    }

    .ul-imgtxtq1 li {
        padding: 0 10px;
        margin-bottom: 20px
    }

    .ul-imgtxtq1 .pic {
        width: 200px;
        height: 240px
    }

    .ul-imgtxtq1 .box {
        width: auto;
        left: 220px
    }

    .ul-imgtxtq1 .txt {
        padding: 0 10px
    }

    .ul-imgtxtq1 h3 {
        min-height: 0;
        font-size: 16px;
        line-height: 1.5em;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .ul-imgtxtq1 h3:after {
        width: 20px;
        height: 2px
    }

    .ul-imgtxtq1 .desc {
        height: 10.8em;
        font-size: 14px;
        line-height: 1.8em
    }

    .bdq1 {
        padding-top: 0
    }

    .m-messageboard {
        margin: 30px 0
    }

    .m-messageboard .top {
        padding: 20px 10px
    }

    .m-messageboard .top .log {
        width: 46%;
        height: auto
    }

    .m-messageboard .top h3 {
        font-size: 20px;
        line-height: 64px
    }

    .m-messageboard .form {
        padding: 20px
    }

    .m-messageboard .form .box {
        margin: 0
    }

    .m-messageboard .form .item {
        float: none;
        width: auto;
        padding: 0;
        margin-bottom: 20px
    }

    .m-messageboard .form .left {
        width: 70px;
        font-size: 14px;
        line-height: 40px;
        padding-right: 10px
    }

    .m-messageboard .form .inp {
        height: 40px;
        font-size: 14px;
        line-height: 38px;
        padding: 0 10px
    }

    .m-messageboard .form .right.qm {
        padding-right: 220px
    }

    .m-messageboard .form .inp2 {
        width: 210px
    }

    .m-messageboard .form .but {
        width: 84px;
        height: 40px;
        font-size: 14px;
        line-height: 40px
    }

    .m-messageboard .form .file {
        height: 40px;
        font-size: 14px;
        line-height: 38px;
        padding: 0 10px
    }

    .m-messageboard .form .img {
        width: 90px
    }

    .m-messageboard .form textarea {
        height: 200px;
        font-size: 14px;
        line-height: 1.8em;
        padding: 10px
    }

    .m-messageboard .form .sub-btn {
        width: 180px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        margin-top: 0
    }

    .m-inquiry .inquiry {
        width: auto;
        margin: 0 10px;
        padding: 20px 10px
    }

    .m-inquiry .inquiry .tit {
        padding-bottom: 10px
    }

    .m-inquiry .inquiry .tit h3 {
        width: 180px;
        font-size: 20px;
        line-height: 45px
    }

    .m-inquiry .inquiry .cont {
        padding: 20px 10px 0
    }

    .m-inquiry .inquiry .txt {
        width: 300px;
        padding: 20px 0;
        margin-right: 20px
    }

    .m-inquiry .inquiry .txt h3 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .m-inquiry .inquiry .txt .desc {
        font-size: 14px;
        line-height: 1.8em
    }

    .m-inquiry .inquiry .item {
        margin-bottom: 10px
    }

    .m-inquiry .inquiry .left {
        width: 60px;
        font-size: 14px;
        line-height: 40px;
        padding-right: 10px
    }

    .m-inquiry .inquiry .inp {
        height: 40px;
        font-size: 14px;
        line-height: 38px;
        padding: 0 10px
    }

    .m-inquiry .inquiry .sub-btn {
        width: 120px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        margin-top: 20px
    }

    .m-pop .inner {
        width: 98%
    }

    .m-pop .close {
        width: 20px;
        height: 20px;
        right: 10px;
        top: 10px;
        position: absolute;
    }

    .m-pop .close img {
        max-width: 100%;
    }

    .m-win {
        margin: 20px 10px
    }

    .m-win .tit {
        padding-bottom: 10px
    }

    .m-win .tit h3 {
        width: 180px;
        font-size: 20px;
        line-height: 45px
    }

    .m-win .txt {
        width: 80%;
        margin: 0 auto;
        padding: 20px 0 70px
    }

    .m-win .txt h3 {
        font-size: 16px
    }

    .m-win .txt .cont {
        height: 120px;
        margin-bottom: 20px
    }

    .m-win .txt .desc {
        font-size: 14px;
        line-height: 1.8em;
        text-align: center
    }

    .m-win .txt .desc p span {
        margin-right: 20px
    }

    .m-win .txt .bot .btn {
        width: 120px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        margin-bottom: 10px
    }

    .m-win .txt .bot span {
        font-size: 12px
    }

    .m-win .txt .bot span i {
        width: 14px;
        height: 14px
    }

    .m-win .txt.qm .desc {
        font-size: 16px;
        letter-spacing: 10px
    }

    .m-pop.qm .inner {
        width: 380px
    }

    .m-load .top {
        padding: 60px 10px
    }

    .m-load .top h3 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .m-load .top span {
        font-size: 14px
    }

    .ul-txtq1 {
        padding: 10px 0
    }

    .ul-txtq1 li a {
        font-size: 14px;
        line-height: 1.8em
    }

    .ul-txtq1 li a i {
        width: 30px;
        height: 30px;
        margin-right: 10px
    }
}

@media only screen and (max-width: 767px) {
    body {
        padding-top: 50px
    }

    .logo {
        height: 50px;
        line-height: 50px
    }

    .logo img {
        height: 44px
    }

    .logo h3 {
        font-size: 16px
    }

    .nav {
        top: 50px
    }

    .nav li .v1 {
        font-size: 14px;
        line-height: 50px
    }

    .header.fixed .nav li.on .v1, .header.fixed .nav li:hover .v1, .nav li.on .v1, .nav li:hover .v1 {
        color: #fff;
        background-color: #8c1b15
    }

    .nav dd a {
        font-size: 12px;
        line-height: 40px
    }

    .Ih-header .left{width: auto;}
    .Ih-header .right .up{display: none;}
    .Ih-header .right .dw .nav ul{flex-wrap: wrap;justify-content: center;}
    .Ih-header .right .dw .nav ul li{width: 100%;}

    .ul-imgtxt1 li, .ul-imgtxt2 .li1, .ul-imgtxt2 li, .ul-txt3 li {
        width: 50%
    }

    .ul-imgtxt2 .li1 .pic {
        padding-top: 123%
    }

    .ul-imgtxt2 .li1 .pic img {
        max-height: none
    }

    .ul-imgtxt4 {
        float: none;
        width: auto;
        margin-bottom: 10px
    }

    .ul-imgtxt4 li {
        float: left;
        width: 50%
    }

    .m-teachers .txt {
        float: none;
        text-align: center
    }

    .m-teachers a {
        float: none;
        margin: 10px auto 0
    }

    .ul-txt6 li {
        width: 20%
    }

    .m-imgtxt1 {
        margin: 20px -5px 0
    }

    .m-imgtxt1 .item {
        margin: 0 5px
    }

    .m-imgtxt1 h3 {
        height: 3em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        white-space: unset;
    }

    .m-imgtxt1 .desc {
        height: 1.71em;
        -webkit-line-clamp: 1
    }

    .ul-imgtxtq1 ul {
        margin: 0
    }

    .ul-imgtxtq1 li {
        float: none;
        width: auto;
        padding: 0
    }

    .ul-imgtxtq1 .box {
        width: auto;
        position: static
    }

    .m-imgtxt1 .swiper{height: 110vw;}

    .ul-imgtxtq1 .txt {
        position: static;
        padding: 20px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .m-messageboard .top {
        padding: 10px
    }

    .m-messageboard .top .log {
        float: none;
        width: 60%;
        margin: 0 auto
    }

    .m-messageboard .top h3 {
        float: none;
        line-height: 1.5em;
        text-align: center
    }

    .m-inquiry .inquiry .txt {
        float: none;
        width: auto;
        border-right: none;
        margin-right: 0;
        padding: 0
    }

    .m-win .txt .cont {
        height: auto;
        padding: 20px 0
    }

    .m-win .txt .desc {
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .m-win .txt.qm .desc {
        letter-spacing: 2px
    }

    .m-pop.qm .inner {
        width: 300px
    }

    .m-load .top h3 {
        font-size: 18px
    }
    .g-tit1 h3 img{max-width: 20px;margin-right: 6px;}

}

@media only screen and (max-width: 479px) {
    .ul-txt2 .date {
        margin-right: 10px
    }

    .ul-imgtxt1 {
        margin: 20px 0 0
    }

    .ul-imgtxt1 li {
        width: 100%;
        padding: 0
    }

    .ul-txt3 em {
        font-size: 24px
    }

    .ul-txt3 span {
        font-size: 12px
    }

    .ul-imgtxt3 h3 {
        font-size: 12px;
        left: 5px;
        right: 5px
    }

    .ul-imgtxt4 li {
        float: none;
        width: auto
    }

    .ul-txt5 li {
        width: 50%
    }

    .ul-txt6 li {
        width: 33.33%
    }

    .ul-imgtxtq1 .pic {
        float: none;
        width: auto;
        height: auto;
        margin: 0 auto
    }

    .ul-imgtxtq1 .pic img {
        height: auto
    }

    .ul-imgtxtq1 .txt {
        padding: 10px
    }

    .ul-imgtxtq1 .desc {
        height: auto
    }

    .m-messageboard .form .item {
        margin-bottom: 10px
    }

    .m-messageboard .form .left {
        float: none;
        width: auto
    }

    .m-messageboard .form .right.qm {
        padding-right: 0
    }

    .m-messageboard .form .ma {
        position: relative;
        margin-top: 10px
    }

    .m-messageboard .form .inp2 {
        position: static
    }
}

@media only screen and (max-width: 360px) {
    .ul-imgtxt2 {
        margin: 20px 0 0
    }

    .ul-imgtxt2 li {
        float: none;
        width: auto;
        padding: 0
    }

    .ul-imgtxt2 .li1 {
        width: auto
    }
}

.list-menu-content{width: 100%;height: auto;margin-bottom: 30px;line-height: 36px;font-size: 16px;border-bottom: 4px solid #eaeaea;text-align: justify;padding-bottom: 20px;}