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

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

fieldset,
img {
    border: 0;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

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

abbr,
acronym {
    border: 0;
}

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

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

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

.c {
    clear: both;
}

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

.b {
    font-weight: bold;
}

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

.fc3 {
    color: #333333;
}

.fc6 {
    color: #666666;
}

.fc9 {
    color: #999999;
}

.fcr {
    color: red;
}

.fcw {
    color: white;
}

.fcb {
    color: blue;
}

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

.rel,
.pr {
    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;
}

.h10,
.h {
    height: 10px;
}

.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

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

body {
    font: 12px 宋体, Arial, sans-serif;
}

a {
    text-decoration: none;
}

#browser-modal {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    color: #303233;
    position: fixed;
    z-index: 2147483647;
}

#browser-modal .browser-modal-cover {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #111;
    ;
    z-index: -1
}

#browser-modal .browser-content {
    width: 700px;
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
    padding-top: 50px;
    background-color: #fff;
    border-radius: 5px
}

#browser-modal .browser-content .browser-dpc-logo img {
    height: 42px;
    margin: 45px auto 40px
}

#browser-modal .browser-content .browser-text-title {
    text-transform: uppercase;
    font-size: 24px
}

#browser-modal .browser-content .browser-text-desc {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 14px
}

#browser-modal .browser-content .browser-list {
    width: 600px;
    margin: 20px auto;
    height: 130px
}

#browser-modal .browser-content .browser-item {
    float: left;
    width: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto
}

#browser-modal .browser-content .browser-item .iconfont {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 10px;
}

#browser-modal .browser-content .browser-item .iconchrome {
    background: url(../images/four_browsers_logo.png) no-repeat 0 0
}

#browser-modal .browser-content .browser-item .iconfirefox {
    background: url(../images/four_browsers_logo.png) no-repeat 0 -100px
}

#browser-modal .browser-content .browser-item .iconopera {
    background: url(../images/four_browsers_logo.png) no-repeat 0 -200px
}

#browser-modal .browser-content .browser-item .iconEdge {
    background: url(../images/four_browsers_logo.png) no-repeat 0 -300px
}

#browser-modal .browser-content .browser-item a {
    cursor: pointer;
    display: block
}

#browser-modal .browser-content .browser-item a img {
    display: block;
    margin: 0 auto;
    max-width: 100px;
    width: 100px;
    height: 100px
}

#browser-modal .browser-content .browser-item a h4 {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700
}

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

body {
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    -webkit-font-smoothing: antialiased;
}

@font-face {
/*font-family: "Source Han Serif CN";
    src: url(../fonts/SourceHanSerifCN-Bold.otf);*/
}

img {
    max-width: 100%;
    border: none;
}

input,
textarea,
select {
    font-size: 14px;
    color: #333;
    font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    border: none;
}

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

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

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

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

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

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    /* color: #ff4b59; */
}

/*布局*/
.wp {
    margin: 0 auto;
    width: 100%;
    max-width: 1500px;
}
/*
@font-face {
    font-family: SourceHanSerifCN;
    src: url('../fonts/SourceHanSerifCN-Bold.otf');
}
*/
/*******************************
    -------[=头部]--------
********************************/

/*******************************
    -------[=导航]-------
********************************/
/* .menuBtn {
    display: none;
    position: fixed;
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.menuBtn b {
    display: block;
    height: 4px;
    background-color: #fff;
    margin: 4px 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.menuBtn.open {}

.menuBtn.open b {
    display: none;
    margin: 0;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -5px;
    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);
} */

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding-top: 8px;
    z-index: 99;
}

.header:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    background: linear-gradient(90deg, #0D42A7 0%, #0C8ADE 100%);
}

.header .inner {
    position: relative;
    padding: 0 0 2px 59px;

}

.header .box1 {
    position: relative;
    z-index: 12;
    padding-top: 23px;
}

.header .inner:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: '';
    display: block;
    width: 100%;
    height: 180px;
    z-index: 9;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(216, 216, 216, 0.00) 100%);
}
body.open .header .inner:after {
    height: 140px;
}
.header.fixed .inner:after {
    background: url(../images/head-bg.png)top center repeat-x;
    background-size: auto 99%;
}

.bd1 .header {
    background-color: #fff
}

.header .logo {
    position: relative;
    float: left;
    height: 72px;
    line-height: 72px;
    overflow: hidden;
    z-index: 28;
}

.header .logo a svg {
    width: 294px;
    height: 100%;
}

.header .logo a {
    display: block;
    overflow: hidden;
    height: 100%;
}

.header .logo a img {
    display: block;
    height: 100% !important;
    width: auto !important;
    object-fit: contain;
}

.hd-box {
    float: right;
    padding-right: 126px;
}

.hd-box .hd-top {
    text-align: right;
    margin-right: 67px;
    margin-bottom: 11px;
}

.hd-box .hd-top i,
.hd-box .hd-top span,
.hd-box .hd-top span a {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.hd-box .hd-top i {
    margin: 0 13px 0 5px;
}

.hd-box .hd-top .hd-r {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.header .hd-r dd {
    float: left;
    position: relative;
}

.header .hd-r dd a {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    background-color: transparent;
    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;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 57px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 57px rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 4px 57px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 4px 57px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 57px rgba(0, 0, 0, .15);
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header .hd-r dd a:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    filter: alpha(Opacity=80);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
}

.header .hd-r dd .so {
    background-image: url(../images/so.png);
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-position: center;
}

.header .hd-r dd:hover .so {
    opacity: 0;
    filter: alpha(opacity=0);
    filter: alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
}

.header .hd-r .down {
    max-width: 0;
    width: 300px;
    border-radius: 0px;
    -webkit-box-shadow: 0 4px 57px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 57px rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 4px 57px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 4px 57px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 57px rgba(0, 0, 0, .15);
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    overflow: hidden;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    visibility: hidden;
    opacity: 0;
}

.header .hd-r dd:hover .down {
    max-width: 300px;
    visibility: visible;
    opacity: 1;
}

.header .hd-r .down .inp {
    display: block;
    /* float: left; */
    width: 100%;
    font-size: 14px;
    color: #000;
    height: 30px;
    line-height: 30px;
    border: none;
    background-color: #fff;
    padding: 0 40px 0 20px;
    overflow: hidden
}

.header .hd-r .down .sub-btn {
    display: block;
    border: none;
    width: 30px;
    height: 30px;
    background: url(../images/so-on.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: 24px auto;
    border: none;
    position: absolute;
    top: 0;
    right: 0
}

.header .hd-r .down .sub-btn:focus {
    outline: none;
}

.menuBtn {
    width: 30px;
    cursor: pointer;
    position: absolute;
    left: 60%;
    top: 50%;
    z-index: 9;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    display: block;
}

.header .hd-r-close {
    position: absolute;
    right: 0;
    top: -1px;
    width: 140px;
    height: 100px;
    background-image: url(../images/hd-r-bg.png);
    background-size: 140px auto;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 28;
}

body.open .nav {
    display: none;
}

.menuBtn b {
    display: block;
    height: 2px;
    width: 30px;
    background-color: #fff;
    margin: 0 auto 8px;
    border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}

.menuBtn b:last-child {
    margin-bottom: 0 !important;
}

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

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

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

.nav {
    font-size: 0;
    text-align: center;
}

.nav ul {
    text-align: right;
}

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

.nav li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 10px
}

@font-face {
    font-family: "icon";
    src: url(../fonts/icon.woff2);
}

.nav em {
    position: absolute;
    top: 50%;
    right: -13%;
    transform: translateY(-50%);
    display: block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-image: url(../images/e-sel.png);
}

.nav li em:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: -10px;
    font-size: 12px;
    font-family: "icon";
    content: "\eaed";
    display: none;
}

.nav li .v1 {
    position: relative;
    display: block;
    font-size: 18px;
    padding: 0 10px;
    color: #fff;
    /* overflow: hidden; */
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.nav li.on .v1,
.nav li:hover .v1 {
    color: #e2ca5b;
}

.bd1 .nav li .v1 {
    color: #000
}

.bd1 .nav li.on .v1,
.bd1 .nav li:hover .v1 {
    color: #e2ca5b;
}

.header.fixed .nav li.on .v1,
.header.fixed .nav li:hover .v1 {
    color: #e2ca5b;
}

.nav .box {
    display: none;
    min-width: 108px;
    position: absolute;
    top: 150%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 0 30px rgba(0, 0, 0, .05);
    padding: 20px 0px;
    background-color: #fff;
}

.nav .box::after {
    content: "";
    position: absolute;
    border-left: transparent 8px solid;
    border-right: transparent 8px solid;
    border-bottom: #fff 10px solid;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    /* opacity: 0;
    transition: .3; */
}

.nav dl {
    position: relative;
    background-color: #fff;
}

.nav dl:after {
    content: '';
    width: 21px;
    height: 9px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.nav dd a {
    display: block;
    font-size: 17px;
    color: #333;
    overflow: hidden;
    height: 48px;
    line-height: 48px;
    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;
    padding: 0 10px;
}

.nav svg {
    position: relative;
    height: 48px;
    text-align: center;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: none;
    width: 5em;
}

.nav dd.ok svg,
.nav dd:hover svg {
    display: block;
}

.nav span {
    display: block;
    transition: .3s;
}

.nav dd:hover span {
    display: none;
}

.nav text {
    transform: translate(13%, 69%);
}

.nav dd.ok a,
.nav dd:hover a {
    background: #0D42A7;
    background: linear-gradient(90deg, #0D42A7 0%, #2090DA 80%);
    color: #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c09b6', endColorstr='#eb432c', GradientType=1)
}

/*******************************
    -------[=底部]-------
********************************/
.footer {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 116px 0 60px;
}

.footer .inner {
    overflow: hidden;
}

.ft-l {
    float: left;
    width: 30%;
}

.ft-l .pic {
    width: 352px;
    margin-bottom: 41px;
}

.ft-l .pic img {
    display: block;
    width: 100%;
}
.ft-l .copy img {
    vertical-align: middle;
}
.ft-l .copy a,
.ft-l .copy {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
}

.ft-r {
    float: right;
    width: 66%;
    overflow: hidden;
}

.ft-r .item {
    float: left;
    overflow: hidden;
    margin: 0 30px;
}

.ft-r .item .pic {
    margin-top: 8px;
    float: left;
    width: 67px;
    height: 68px;
    /* overflow: hidden; */
    margin-right: 27px;
}

.ft-r .item .box {
    overflow: hidden;
}

.ft-r .item .pic img {
    display: block;
    width: 100%;
    object-fit: contain;
    transition: .5s;
}

.ft-r .item .pic:hover img {
    transform: translateY(8px);
}

.ft-r .item .txt {
    overflow: hidden;
}

.ft-r .item .tit {
    font-size: 24px;
    color: #FFFFFF;
    margin-bottom: 14px;
}

.ft-r .item .desc {
    position: relative;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    min-height: 56px;
}

.ft-r .tel .tit {}
/*
.ft-r .tel .desc {
    font-family: Impact;
    font-weight: 400;
    font-size: 30px;
    letter-spacing: 0em;
}
*/
.ft-r .item .desc::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    width: 100%;
    display: block;
    content: ' ';
    height: 1px;
    background: rgba(255, 255, 255, .2);

}

.ft-r .item .desc::before {
    position: absolute;
    left: 0;
    bottom: 0px;
    display: block;
    content: ' ';
    width: 70px;
    height: 2px;
    background: #BDA05C;
    z-index: 2;
}

.ft-r .item2 .pic {
    width: 58px;
    height: 66px;
}

.ft-r .qr {
    float: right;
}

.ft-r .qr img {
    display: block;
    width: 128px;
    margin-bottom: 20px;
}

.ft-r .qr .tit {
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
}

/*******************************
    -------[=公用]-------
********************************/
.cur,
.cur a {
    font-size: 16px;
    color: #fff;
    line-height: 25px;
}

.cur {
    /* margin: 18px 0 10px 9px; */
    padding-left: 26px;
    background-image: url(../images/content/cur.png);
    background-position: left center;
    background-size: 21px auto;
    background-repeat: no-repeat;
}

.cur a {
    transition: .3s;
}

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

.pages {
    /* text-align: center; */
    /* margin: 21px 0 38px; */
}

.pages ul {
    display: block;
    text-align: center;
}

.pages ul li {
    /* float: left; */
    display: inline-block;
    /* margin: 0 10px; */
    margin: 0;
    font-size: 14px;
}

.pages ul li a {
    display: block;
    width: 34px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    color: #3E5D80;
    border: 1px solid rgba(161, 180, 211, 1);
    /* border-radius: 50%; */
    transition: .3s;

}

.pages ul li.on a,
.pages ul a:hover {
    /* background-color: #FEC21D;
    color: #fff; */
    /* color: #FEC21D; */
    border-color: #204EAA;
    color: #fff;
    background-color: #204EAA;
}

.pages ul li.prev,
.pages ul li.next {

    margin: 0 8px;
}

.pages ul li.all {
    margin: 0 10px 0 0;
}

.pages ul li.prev a,
.pages ul li.next a {
    width: 74px;
    /* font-size: 16px; */
    color: #fff;
    border-color: #204EAA;
    color: #204EAA;
}

.pages ul li.end a,
.pages ul li.start a {
    width: 54px;
    /* font-size: 16px; */
    color: #fff;
    border-color: #204EAA;
    color: #204EAA;
}

.pages ul li.prev a:hover,
.pages ul li.next a:hover,
.pages ul li.end a:hover,
.pages ul li.start a:hover {
    background-color: #204EAA;
    border-color: #204EAA;
    color: #fff;
}

.pages ul li span {
    display: inline-block;
    margin-top: 5px;
    color: #333;
}

.pages ul li span.sign {
    letter-spacing: 6px;
    margin-left: 6px;
}

.pages ul .inpt {
    width: 34px;
    height: 34px;
    text-align: center;
    color: #3E5D80;
    border: 1px solid rgba(161, 180, 211, 1);
    background-color: transparent;
    margin: 0 8px;
    font-size: 12px;
}

.pages ul .submit {
    width: 60px;
    height: 34px;
    text-align: center;
    color: #3E5D80;
    border: 1px solid rgba(161, 180, 211, 1);
    background-color: transparent;
    margin: 0 8px;
    cursor: pointer;
}

.banner .item {
    display: block;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

.banner .slick-dots {
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 6;
}

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

.banner .slick-dots button {
    width: 39px;
    height: 39px;
    background-image: url(../images/dot.png);
    background-size: 27px auto;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    cursor: pointer;
    border: none;
    background-color: transparent;
}

.banner .slick-dots li.slick-active button {
    background-size: 39px auto;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/dot-on.png);
}

.form-e1 {
    display: inline-block;
    vertical-align: middle;
}

.ani {
    transition: all 1s ease-out .3s;
    opacity: 1 !important;
}

.aside_menu.showdiv,
.aside_menu.showdiv:before,
.aside_menu.showdiv:after {
    transform: none;
    opacity: 1;
}

.aside_menu {
    position: fixed;
    width: 115px;
    height: 230px;
    right: 0px;
    top: 50%;
    margin-top: -100px;
    background-image: url(../images/img-bg2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 99999;
    cursor: pointer;
    opacity: 0;
    transition: all 1s ease-out 0.5s;
    transform-origin: right center;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transition: all 1s ease-out 0.5s;
    -moz-transition: all 1s ease-out 0.5s;
    -ms-transition: all 1s ease-out 0.5s;
    -o-transition: all 1s ease-out 0.5s;
}

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

.aside_menu .con {
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    width: 90px;
    height: 180px;
    background-image: url(../images/img-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    cursor: pointer;
}

.aside_menu:before,
.aside_menu:after {
    content: '';
    position: absolute;
}

.aside_menu:before {
    width: 81px;
    height: 160px;
    background: url(../images/menu_txt.png) 50% no-repeat;
    left: 20px;
    top: 5px;
    opacity: 0;
    z-index: 3;
    background-size: contain;
    transition: all 1.5s ease-out 1.8s;
    -webkit-transition: all 1.5s ease-out 1.8s;
    -moz-transition: all 1.5s ease-out 1.8s;
    -ms-transition: all 1.5s ease-out 1.8s;
    -o-transition: all 1.5s ease-out 1.8s;
    transform: scale(1.6);
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
}

.aside_menu:after {
    width: 39px;
    height: 91px;
    background: url(../images/aside_txt.png) 50% no-repeat;
    background-size: contain;
    left: 65px;
    top: 50%;
    margin-top: -45px;
    opacity: 0;
    z-index: 3;
    transform: scale(1.6) translateX(-16px);
    -webkit-transform: scale(1.6) translateX(-16px);
    -moz-transform: scale(1.6) translateX(-16px);
    -ms-transform: scale(1.6) translateX(-16px);
    -o-transform: scale(1.6) translateX(-16px);
    transition: all 1s ease-out 2.5s;
    -webkit-transition: all 1.s ease-out 1.8s;
    -moz-transition: all 1.s ease-out 1.8s;
    -ms-transition: all 1.s ease-out 1.8s;
    -o-transition: all 1.s ease-out 1.8s;
}

.g-nav2 {
    position: fixed;
    left: 0;
    top: 0px;
    right: 0;
    bottom: 0;
    background: url("../images/nav-bg.jpg") center no-repeat;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    z-index: 9;
}

.g-nav2 .scroll {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 120px;
    bottom: 0;
    overflow-y: auto;
    width: 100%;
}

.g-nav2 .scroll::-webkit-scrollbar {
    width: 0px;
    height: 0px
}

body.open .g-nav2 {
    opacity: 1;
    visibility: visible;
}


.g-nav2 .scroll ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    margin: 0 auto;
}

.g-nav2 .scroll li {
    width: 14.285%;
    text-align: center;
    padding-top: 45px;
}

.g-nav2 .scroll li a {
    color: #fff;
}

.g-nav2 .scroll li h2 {
    font-size: 22px;
}

.g-nav2 .scroll li .list {
    padding: 20px 0;
}

.g-nav2 .scroll li .list h3 {
    font-weight: 400;
    font-size: 17px;
    line-height: 36px;
}

.g-nav2 .scroll li .list dl {
    padding-bottom: 20px;
}

.g-nav2 .scroll li .list dd {
    font-size: 12px;
    line-height: 30px;
    opacity: 0.65;
}

.g-nav2 .scroll li .list dd:hover {
    opacity: 1;
}

.hd-top-m {
    display: none;
}

@media only screen and (min-width: 959px) {

    /*-----------------[初始化]--------------*/
    *,
    *:before,
    *:after {
        margin: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none !important;

        -webkit-text-size-adjust: 100%;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
    }

    body {
        font-size: 0.729vw;
        line-height: 1.5;
        font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        -webkit-font-smoothing: antialiased;
    }

    @font-face {
        /*font-family: "Source Han Serif CN";*/
/*src: url(../fonts/SourceHanSerifCN-Bold.otf);*/
    }

    img {
        border: none;
    }

    input,
    textarea,
    select {
        font-size: 0.729vw;
        font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        border: none;
    }

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

    ::-webkit-input-placeholder {}

    ::-moz-placeholder {}

    ::-ms-input-placeholder {}

    select::-ms-expand {}

    a {
        text-decoration: none;
    }

    a:hover {
        /*  */
    }

    /*布局*/
    .wp {
        margin: 0 auto;
        max-width: 78.12vw;
    }

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

    /*******************************
        -------[=头部]-------
    ********************************/
    /*******************************
        -------[=导航]-------
    ********************************/
    /* .menuBtn {
        top: 0.625vw;
        right: 0.625vw;
        width: 1.562vw;
        height: 1.562vw;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
    }
    .menuBtn b {
        height: 0.208vw;
        margin: 0.208vw 0;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
    }
    .menuBtn.open {}
    .menuBtn.open b {
        margin: 0;
        left: 0;
        top: 50%;
        margin-top: -0.260vw;
        width: 1.562vw;
    }
    .menuBtn.open b:first-child {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }
    .menuBtn.open b:last-child {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    } */
    .header {
        top: 0;
        left: 0;
        right: 0;
        padding-top: 0.416vw;
    }

    .header:after {
        top: 0;
        left: 0;
        right: 0;
        content: '';
        height: 0.416vw;
        background: linear-gradient(90deg, #0D42A7 0%, #0C8ADE 100%);
    }

    .header .inner {
        padding: 0 0 0.104vw 3.072vw;
    }

    .header .box1 {
        padding-top: 1.197vw;
    }

    .header .inner:after {
        top: 0;
        left: 0;
        right: 0;
        content: '';
        height: 9.375vw;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(216, 216, 216, 0.00) 100%);
    }
    body.open .header .inner:after {
        height: 7.368vw;
    }
    .header.fixed .inner:after {
        background: url(../images/head-bg.png)top center repeat-x;
        background-size: auto 99%;
    }

    .bd1 .header {
        background-color: #fff
    }

    .header .logo {
        height: 3.75vw;
        line-height: 3.75vw;
    }

    .header .logo a svg {
        width: 15.31vw;
    }

    .header .logo a {}

    .hd-box {
        padding-right: 6.562vw;
    }

    .hd-box .hd-top {
        margin-right: 3.489vw;
        margin-bottom: 0.572vw;
    }

    .hd-box .hd-top i,
    .hd-box .hd-top span,
    .hd-box .hd-top span a {
        font-style: normal;
        font-size: 0.729vw;
    }

    .hd-box .hd-top i {
        margin: 0 0.677vw 0 0.260vw;
    }

    .hd-box .hd-top .hd-r {
        margin-right: 0.156vw;
    }

    .header .hd-r dd {}

    .header .hd-r dd a {
        width: 1.562vw;
        height: 1.562vw;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        border-radius: 50%;
        -webkit-box-shadow: 0 0.208vw 2.968vw rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 0.208vw 2.968vw rgba(0, 0, 0, .15);
        -ms-box-shadow: 0 0.208vw 2.968vw rgba(0, 0, 0, .15);
        -o-box-shadow: 0 0.208vw 2.968vw rgba(0, 0, 0, .15);
        box-shadow: 0 0.208vw 2.968vw rgba(0, 0, 0, .15);
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .header .hd-r dd a:hover {
        opacity: .8;
        filter: alpha(opacity=80);
        filter: alpha(Opacity=80);
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'
    }

    .header .hd-r dd .so {
        background-image: url(../images/so.png);
        background-size: 1.25vw auto;
        background-repeat: no-repeat;

    }

    .header .hd-r dd:hover .so {
        opacity: 0;
        filter: alpha(opacity=0);
        filter: alpha(Opacity=0);
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }

    .header .hd-r .down {
        width: 15.62vw;
        border-radius: 0;
        -webkit-box-shadow: 0 0.208vw 2.968vw rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 0.208vw 2.968vw rgba(0, 0, 0, .15);
        -ms-box-shadow: 0 0.208vw 2.968vw rgba(0, 0, 0, .15);
        -o-box-shadow: 0 0.208vw 2.968vw rgba(0, 0, 0, .15);
        box-shadow: 0 0.208vw 2.968vw rgba(0, 0, 0, .15);
        top: 0;
        right: 0;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .header .hd-r dd:hover .down {
        max-width: 15.62vw;
    }

    .header .hd-r .down .inp {
        font-size: 0.729vw;
        height: 1.562vw;
        line-height: 1.562vw;
        border: none;
        padding: 0 1.5615vw 0 1.041vw;
    }

    .header .hd-r .down .sub-btn {
        border: none;
        width: 1.562vw;
        height: 1.562vw;
        background: url(../images/so-on.png) center center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: 1.25vw auto;
        border: none;
        top: 0;
        right: 0
    }

    .header .hd-r .down .sub-btn:focus {
        outline: none;
    }

    .menuBtn {
        width: 1.562vw;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0 auto;
    }

    .header .hd-r-close {
        right: 0;
        top: -3px;
        width: 7.291vw;
        height: 5.208vw;
        background-image: url(../images/hd-r-bg.png);
        background-size: 7.291vw auto;
        background-repeat: no-repeat;

    }

    .menuBtn b {
        height: 0.104vw;
        width: 1.562vw;
        margin: 0 auto 0.416vw;
        border-radius: 0.104vw;
        transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s
    }

    .hd-r-close.open .menuBtn b {
        margin: 0;
        left: 0;
        top: 50%;
        width: 1.562vw
    }

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

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

    .nav {
        font-size: 0;
    }

    .nav ul {}

    .nav:after {
        content: '';
        clear: both;
        visibility: hidden;
        height: 0
    }

    .nav li {
        margin: 0 0.520vw
    }

    @font-face {
        font-family: "icon";
        src: url(../fonts/icon.woff2);
    }

    .nav em {
        top: 50%;
        right: -13%;
        transform: translateY(-50%);
        width: 0.947vw;
        height: 0.947vw;
        background-repeat: no-repeat;
        background-size: 0.947vw auto;
        background-image: url(../images/e-sel.png);
    }

    .nav li em:after {
        content: "";
        top: 0.260vw;
        right: -0.520vw;
        font-size: 0.625vw;
        font-family: "icon";
        content: "\eaed";
    }

    .nav li .v1 {
        font-size: 0.937vw;
        padding: 0 0.520vw;
        /*  */
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .nav li.on .v1,
    .nav li:hover .v1 {}

    .bd1 .nav li .v1 {
        color: #000
    }

    .bd1 .nav li.on .v1,
    .bd1 .nav li:hover .v1 {}

    .header.fixed .nav li.on .v1,
    .header.fixed .nav li:hover .v1 {}

    .nav .box {
        min-width: 5.625vw;
        top: 150%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        box-shadow: 0 0 1.979vw 0 rgba(0, 0, 0, 0.19);
        -webkit-box-shadow: 0 0 1.979vw 0 rgba(0, 0, 0, 0.19);
        -moz-box-shadow: 0 0 1.979vw 0 rgba(0, 0, 0, 0.19);
        box-shadow: 0 0 1.562vw rgba(0, 0, 0, .05);
        padding: 1.041vw 0;
    }

    .nav .box::after {
        content: "";
        border-left: transparent 0.416vw solid;
        border-right: transparent 0.416vw solid;
        border-bottom: #fff solid;
        border-bottom-width: 0.520vw;
        top: -0.500vw;
        transform: translateX(-50%);
        /* opacity: 0;
        transition: .3; */
    }

    .nav dl {}

    .nav dl:after {
        content: '';
        width: 1.093vw;
        height: 0.468vw;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        top: -0.416vw;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .nav dd a {
        font-size: 0.885vw;
        height: 2.5vw;
        line-height: 2.5vw;
        white-space: nowrap;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        padding: 0 0.520vw;
    }

    .nav svg {
        height: 2.5vw;
    }


    /*******************************
        -------[=底部]-------
    ********************************/
    .footer {
        background-size: cover;
        background-repeat: no-repeat;
        padding: 6.041vw 0 3.125vw;
    }

    .footer .inner {}

    .ft-l {}

    .ft-l .pic {
        width: 18.33vw;
        margin-bottom: 2.135vw;
    }

    .ft-l .pic img {}

    .ft-l .copy a,
    .ft-l .copy {
        font-size: 0.729vw;
    }

    .ft-r {}

    .ft-r .item {
        margin: 0 1.562vw;
    }

    .ft-r .item .pic {
        margin-top: 0.416vw;
        width: 3.489vw;
        height: 3.541vw;
        margin-right: 1.406vw;
    }

    .ft-r .item .box {}

    .ft-r .item .pic img {
        object-fit: contain;
    }

    .ft-r .item .txt {}

    .ft-r .item .tit {
        font-size: 1.25vw;
        margin-bottom: 0.729vw;
    }

    .ft-r .item .desc {
        font-size: 0.937vw;
        line-height: 1.562vw;
        min-height: 2.916vw;
    }

    .ft-r .tel .tit {}
/*
    .ft-r .tel .desc {
        font-family: Impact;
        font-weight: 400;
        font-size: 1.562vw;
        letter-spacing: 0em;
    }
*/
    .ft-r .item .desc::after {
        left: 0;
        right: 0;
        bottom: 1px;
        content: ' ';
        height: 1px;
        background: rgba(255, 255, 255, .2);
    }

    .ft-r .item .desc::before {
        left: 0;
        bottom: 0;
        content: ' ';
        width: 3.645vw;
        height: 0.104vw;
        background: #BDA05C;
    }

    .ft-r .item2 .pic {
        width: 3.020vw;
        height: 3.437vw;
    }

    .ft-r .qr {}

    .ft-r .qr img {
        width: 6.666vw;
        margin-bottom: 1.041vw;
    }

    .ft-r .qr .tit {
        font-size: 0.833vw;
    }

    /*******************************
        -------[=公用]-------
    ********************************/
    .cur,
    .cur a {
        font-size: 0.833vw;
        line-height: 1.302vw;
    }

    .cur {
        /* margin: 0.937vw 0 0.520vw 0.468vw; */
        padding-left: 1.354vw;
        background-image: url(../images/content/cur.png);
        background-size: 1.093vw auto;
        background-repeat: no-repeat;
    }

    .cur a {
        transition: .3s;
    }

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

    .pages {
        /*  */
        /* margin: 1.093vw 0 1.979vw; */
    }

    .pages ul {}

    .pages ul li {
        /*  */
        /* margin: 0 0.520vw; */
        margin: 0;
        font-size: 0.729vw;
    }

    .pages ul li a {
        width: 1.770vw;
        height: 1.666vw;
        line-height: 1.562vw;
        border: 1px solid rgba(161, 180, 211, 1);
        /* border-radius: 50%; */
        transition: .3s;
    }

    .pages ul li.on a,
    .pages ul a:hover {
        /* 
         */
        /*  */

    }

    .pages ul li.prev,
    .pages ul li.next {
        margin: 0 0.416vw;
    }

    .pages ul li.all {
        margin: 0 0.520vw 0 0;
    }

    .pages ul li.prev a,
    .pages ul li.next a {
        width: 3.854vw;
        /* font-size: 0.833vw; */

    }

    .pages ul li.end a,
    .pages ul li.start a {
        width: 2.812vw;
        /* font-size: 0.833vw; */

    }

    .pages ul li.prev a:hover,
    .pages ul li.next a:hover,
    .pages ul li.end a:hover,
    .pages ul li.start a:hover {}

    .pages ul li span {
        margin-top: 0.260vw;
    }

    .pages ul li span.sign {
        letter-spacing: 0.312vw;
        margin-left: 0.312vw;
    }

    .pages ul .inpt {
        width: 1.770vw;
        height: 1.770vw;
        border: 1px solid rgba(161, 180, 211, 1);
        margin: 0 0.416vw;
        font-size: 0.625vw;
    }

    .pages ul .submit {
        width: 3.125vw;
        height: 1.770vw;
        border: 1px solid rgba(161, 180, 211, 1);
        margin: 0 0.416vw;
    }

    .banner .item {
        height: auto;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }

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

    .banner .slick-dots li {
        margin: 0 0.260vw;
    }

    .banner .slick-dots button {
        width: 2.031vw;
        height: 2.031vw;
        background-image: url(../images/dot.png);
        background-size: 1.406vw auto;
        background-repeat: no-repeat;
        font-size: 0;
        border: none;
    }

    .banner .slick-dots li.slick-active button {
        background-size: 2.031vw auto;
        background-repeat: no-repeat;
        background-image: url(../images/dot-on.png);
    }

    .form-e1 {}

    .ani {
        transition: all 1s ease-out .3s;
        opacity: 1 !important;
    }

    .aside_menu.showdiv,
    .aside_menu.showdiv:before,
    .aside_menu.showdiv:after {
        transform: none;
        opacity: 1;
    }

    .aside_menu {
        width: 5.989vw;
        height: 11.97vw;
        right: 0;
        top: 50%;
        margin-top: -5.208vw;
        background-image: url(../images/img-bg2.png);
        background-size: contain;
        background-repeat: no-repeat;
        opacity: 0;
        transition: all 1s ease-out 0.5s;
        transform-origin: right center;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transition: all 1s ease-out 0.5s;
        -moz-transition: all 1s ease-out 0.5s;
        -ms-transition: all 1s ease-out 0.5s;
        -o-transition: all 1s ease-out 0.5s;
    }

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

    .aside_menu .con {
        right: 0%;
        top: 50%;
        transform: translateY(-50%);
        width: 4.687vw;
        height: 9.375vw;
        background-image: url(../images/img-bg.png);
        background-size: cover;
        background-repeat: no-repeat;

    }

    .aside_menu:before,
    .aside_menu:after {
        content: '';
    }

    .aside_menu:before {
        width: 4.218vw;
        height: 8.333vw;
        background: url(../images/menu_txt.png) 50% no-repeat;
        left: 1.041vw;
        top: 0.260vw;
        opacity: 0;
        background-size: contain;
        transition: all 1.5s ease-out 1.8s;
        -webkit-transition: all 1.5s ease-out 1.8s;
        -moz-transition: all 1.5s ease-out 1.8s;
        -ms-transition: all 1.5s ease-out 1.8s;
        -o-transition: all 1.5s ease-out 1.8s;
        transform: scale(1.6);
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        -o-transform: scale(1.6);
    }

    .aside_menu:after {
        width: 2.031vw;
        height: 4.739vw;
        background: url(../images/aside_txt.png) 50% no-repeat;
        background-size: contain;
        left: 3.385vw;
        top: 50%;
        margin-top: -2.343vw;
        opacity: 0;
        transform: scale(1.6) translateX(-0.833vw);
        -webkit-transform: scale(1.6) translateX(-0.833vw);
        -moz-transform: scale(1.6) translateX(-0.833vw);
        -ms-transform: scale(1.6) translateX(-0.833vw);
        -o-transform: scale(1.6) translateX(-0.833vw);
        transition: all 1s ease-out 2.5s;
        -webkit-transition: all 1.s ease-out 1.8s;
        -moz-transition: all 1.s ease-out 1.8s;
        -ms-transition: all 1.s ease-out 1.8s;
        -o-transition: all 1.s ease-out 1.8s;
    }

    .g-nav2 {
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: url("../images/nav-bg.jpg") center no-repeat;
        background-size: cover;
        opacity: 0;
        visibility: hidden;
        transition: All 0.5s ease;
        -webkit-transition: All 0.5s ease;
        -moz-transition: All 0.5s ease;
        -o-transition: All 0.5s ease;
    }

    .g-nav2 .scroll {
        left: 0;
        right: 0;
        top: 6.25vw;
        bottom: 0;
    }

    .g-nav2 .scroll::-webkit-scrollbar {
        height: 0
    }

    body.open .g-nav2 {
        opacity: 1;
        visibility: visible;
    }

    .g-nav2 .scroll ul {
        margin: 0 auto;
    }

    .g-nav2 .scroll li {
        width: 14.285%;
        padding-top: 2.343vw;
    }

    .g-nav2 .scroll li a {}

    .g-nav2 .scroll li h2 {
        font-size: 1.145vw;
    }

    .g-nav2 .scroll li .list {
        padding: 1.041vw 0;
    }

    .g-nav2 .scroll li .list h3 {
        font-weight: 400;
        font-size: 0.885vw;
        line-height: 1.875vw;
    }

    .g-nav2 .scroll li .list dl {
        padding-bottom: 1.041vw;
    }

    .g-nav2 .scroll li .list dd {
        font-size: 0.625vw;
        line-height: 1.562vw;
        opacity: 0.65;
    }

    .g-nav2 .scroll li .list dd:hover {
        opacity: 1;
    }

    .hd-top-m {}
}

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

    /*布局*/
    .wp {
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
        padding: 0 15px;
    }
}

@media only screen and (max-width: 1400px) {
    #id1 {
        max-width: 10vw;
    }

    .m-idx2 svg {
        max-width: 6vw;
    }

    .g-pic2 .tit {
        padding-top: 0.3vw;
    }
}

@media only screen and (max-width: 1070px) {
    .aside_nav a {
        width: 63px;
        padding: 5.5px;
    }

    .aside_nav a:before {
        border-width: 26px 0 26px 13px;
    }

    .aside_nav i {
        height: 20px;
        margin: 0 0 3px;
    }
}



@media only screen and (max-width: 959px) {
    .hd-box {
        display: none;
    }

    .g-nav2 {
        display: none;
    }

    /* .nav dd.ok svg, .nav dd:hover svg {
        display: none;
    }
   */
    .nav dd.ok svg,
    .nav dd:hover svg {
        display: none;
    }

    .nav span {
        color: #FFF;
    }

    .nav dd:hover span {
        display: inline-block;
        text-decoration: underline;
    }

    body.open {
        padding-top: 65px;
    }

    body.open .hd-box {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        display: block;
        box-sizing: border-box;
        z-index: 3;
        height: 100vh;
        padding-bottom: 20px;
        box-sizing: border-box;
        background: url(../images/nav-bg.jpg) center no-repeat;
    }

    body.open .hd-nav-m {
        position: relative;
        overflow: auto;
        top: 70px;
        height: 80vh;
    }

    .header .inner {
        padding: 0 0 0 0px;
    }

    .header .inner:after {
        height: 8vw;
    }

    .hd-top {
        display: none;
    }

    .hd-top-m {
        display: block;

    }

    .nav li {
        display: block;
        margin: 0 0px;
    }

    .hd-box {
        padding-right: 0;
        float: none;
    }

    .nav ul {
        text-align: left;
    }

    .nav li .v1 {
        font-size: 16px;
        padding: 0 35px;
        line-height: 45px;
    }

    .header.fixed .nav li.on .v1,
    .nav li.on .v1 {
        color: #fff;
    }

    .header.fixed .nav li:hover .v1,
    .nav li.on .v1,
    .nav li:hover .v1 {
        color: #fff;
    }

    .header .inner:after {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(216, 216, 216, 0.00) 0%);
    }

    .header .inner:after {
        background: url(../images/head-bg.png)top center repeat-x;
        background-size: auto 99%;
        z-index: 0;
    }

    .hd-box {
        overflow-y: auto;
    }

    .header .logo {
        padding-left: 15px;
    }

    .nav em {
        right: 30px;
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        background-size: 18px auto;
        background-image: url(../images/e-sel.png);
    }

    .nav li em:after {
        content: "";
        top: 5px;
        right: 30px;
        font-size: 12px;
        font-family: "icon";
        content: "\eaed";
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
    }

    .nav li.open em:after {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

    .nav .box {
        display: none;
        min-width: auto;
        position: static;
        top: 0%;
        left: 0%;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
        box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0);
        padding: 10px 10px;
        background-color: transparent;
    }

    .nav dl {
        background-color: transparent;
    }

    .nav dd a {
        font-size: 14px;
        line-height: 2.5;
        text-align: left;
        color: #FFFFFF;
        padding: 0 40px;
    }

    .nav dd.ok a,
    .nav dd:hover a {
        background: transparent;
        color: #e2ca5b;
    }

    .nav .box::after {
        display: none;
    }

    .hd-box .hd-top {
        text-align: left;
        margin-right: 0px;
        margin-bottom: 0px;
        margin: 0 35px;
    }

    .header .hd-r-close {
        width: 70px;
        height: 50px;
        background-size: 70px auto;
    }

    .form-e1 {
        display: block;
    }

    .header .hd-r .down .inp {
        padding: 0 30px 0 20px;
    }

    .header .logo a img {
        height: 35px !important;
        margin-top: 10px;
    }

    .header .box1 {
        position: relative;
        z-index: 12;
        padding-top: 0px;
    }

    .header .logo {
        height: 60px;
        line-height: 60px;
    }

    .header .logo a svg {
        width: 130px;
    }
    body.open .header .inner:after ,
    .header .inner:after {
        height: 55px;
    }

    .hd-box .hd-top i {
        display: none;
    }

    .hd-box .hd-top span,
    .hd-box .hd-top span a {
        display: block;
        color: #fff;
        font-size: 16px;
        line-height: 45px;
    }

    .header .hd-r .down {
        width: 100%;
        max-width: 100%;
        margin: 0px 0 0;
        visibility: visible;
        opacity: 1;
        position: relative;
    }

    .hd-box .hd-top .hd-r {
        width: 100%;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
    }

    .header .hd-r dd:hover .down {
        width: 100%;
        max-width: 100%;
    }

    .hd-box .hd-top .span1 {
        margin-bottom: 10px;
    }

    .hd-box .hd-top .span2 {
        display: none;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
    }

    .header .hd-r dd {
        float: none;
    }

    .header .hd-r dd .so {
        display: none;
    }

    .nav {

    }

    .footer .inner {
        display: flex;
        flex-direction: column-reverse;
    }

    .ft-r {
        margin-top: 20px;
        width: 100%;
        float: none;
    }

    .ft-r .item .pic {
        width: 45px;
        height: auto;
    }

    .ft-r .item .tit {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .ft-r .item .desc {
        font-size: 14px;
        min-height: 40px;
        line-height: 30px;
        padding: 0;
    }
/*
    .ft-r .tel .desc {
        font-size: 24px;
    }
*/
    .ft-r .box {
        margin-bottom: 20px;
        overflow: hidden;
        text-align: center;
        white-space: nowrap;
    }

    .ft-r .item {
        margin: 0 10px;
        width: 40%;
        min-width: 200px;
        display: inline-block;
        text-align: left;
        float: none;
    }

    .ft-r .qr {
        margin: 0 auto 20px;
        width: 100px;
        float: none;
    }

    .ft-r .qr img {
        margin-bottom: 10px;
        width: 100%;
        height: auto;
        display: block;
    }

    .ft-l .pic {
        width: 150px;
        margin: 0 auto 15px;
    }

    .ft-l {
        float: none;
        width: 100%;
    }

    .ft-l .copy {
        font-size: 12px;
        text-align: center;
    }

    .footer {
        overflow: hidden;
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 70px 0 15px;
    }

    .sub {
        display: none;
    }

    .banner .item {
        height: 400px;
    }


    .banner .slick-dots {
        position: absolute;
        bottom: 20px;
    }

    .banner .slick-dots button {
        width: 29px;
        height: 29px;
        background-size: 17px auto;
    }

    .banner .slick-dots li.slick-active button {
        background-size: 29px auto;
    }
}

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

    .ft-r {
        margin-bottom: 15px;
    }

    .ft-r .item {
        margin: 0 0 10px;
        width: 100%;
        display: block;
        text-align: left;
        float: none;
    }
}

/* 其他样式表 */
.idx-ban ,.banner {
    overflow: hidden;
}
.banner .box {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}

.banner .bg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 5s ease-in-out;
    -o-transition: all 5s ease-in-out;
    transition: all 5s ease-in-out
}

.banner .slick-active .bg {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01)
}

.banner .box .inner {
    width: 578px;
    margin-left: 140px;
}

.banner .font1 {
    display: block;
    height: 176px;
    margin-bottom: 24px;
}

.banner .border {
    display: block;
    height: 4px;
    margin-bottom: 27px;
}

.banner .desc {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 28px;
}

.banner .con {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}

.banner .ban-logo {
    display: block;
    position: absolute;
    bottom: 83px;
    width: 100%;
    text-align: right;
}

.banner .ban-logo img {
    display: inline-block;
    height: 70px;

}

.row-idx {
    overflow: hidden;
}

.m-idx1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 78px 0 260px;
}

.m-idx1 .inner {
    position: relative;
    /* overflow: hidden; */
}

.m-idxbox1 {
    position: absolute;
    right: 0;
    width: 680px;
    z-index: 2;
}

.g-idx {
    position: relative;
    margin-bottom: 56px;
    text-align: center;
}

.g-idx .more {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 5;
    display: block;
    font-size: 18px;
    color: #FFFFFF;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    width: 110px;
    height: 110px;
    padding-left: 28px;
    line-height: 110px;
    background: url(../images/e-font-more.png);
    background-size: 42px auto;
    background-position: right 15px center;
    background-repeat: no-repeat !important;
}

.g-idx .more:hover {
    background-position: right 25px center;
}


.g-idx .more::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    content: ' ';
    width: 106px;
    height: 106px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 106px auto;
    background-image: url(../images/e-more.png);

}

.g-idx .more::before {
    position: absolute;
    right: 0;
    top: 51%;
    transform: translateY(-50%);
    display: block;
    content: ' ';
    width: 8px;
    height: 14px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 8px auto;
    background-image: url(../images/e-more2.png);

}

.g-titidx1 {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 60px;
}

.g-titidx1 .tit {
    position: relative;
    font-size: 42px;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    color: #0D42A7;
    /*font-family: Source Han Serif CN;*/
}

.g-titidx1 .tit span {
    display: inline-block;
    position: relative;
    color: #3D3D3D;
    padding: 21px 0 15px;
}

.g-titidx1 .tit span::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #BDA05C;
    content: "";
    height: 3px;
    width: 100%;
}

.g-titidx1.tit::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 154px auto;
    content: "";
    height: 14px;
    width: 154px;
}

.swiper-e1 .swiper-button-prev:after,
.swiper-e1 .swiper-container-rtl .swiper-button-next:after,
.swiper-e1 .swiper-button-next:after,
.swiper-e1 .swiper-container-rtl .swiper-button-prev:after {
    display: none;
}

.swiper-e1 .swiper-button-prev,
.swiper-e1 .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 0px;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    font-size: 0;
    border: none;
    width: 50px;
    height: 50px;
    z-index: 5;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    background-size: 50px auto;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    cursor: pointer;
    z-index: 3;
}

.swiper-e1 .swiper-button-prev:before,
.swiper-e1 .swiper-button-next:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg);
    width: 24px;
    height: 20px;
    background: url(../images/g-icon01.png) center center no-repeat;
    background-size: contain;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.swiper-e1 .swiper-button-next:before {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.swiper-e1 .swiper-button-prev:hover:before {
    /* left: 40%; */
    animation: mover2 1s linear infinite;
}

.swiper-e1 .swiper-button-next:hover:before {
    /* left: 60%; */
    animation: mover 1s linear infinite;
}

@keyframes mover {
    0% {
        left: 40%;
    }

    50% {
        left: 50%;
    }

    100% {
        left: 60%;
    }
}

@keyframes mover2 {
    0% {
        left: 60%;
    }

    50% {
        left: 50%;
    }

    100% {
        left: 40%;
    }
}

.swiper-e1 .swiper-button-prev {
    left: auto;
    right: 130px;
    background-image: url(../images/e-prev.png);
    background-position: center;
    background-repeat: no-repeat;

}

.swiper-e1 .swiper-button-next {
    right: 58px;
    background-image: url(../images/e-prev.png);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 3;
}

.swiper-e1 .swiper-button-prev:hover {
    background-image: url(../images/e-prev-on.png);
}

.swiper-e1 .swiper-button-next:hover {
    background-image: url(../images/e-prev-on.png);
}

.swiper-e1 .swiper-btn {
    position: relative;
    height: 50px;
    width: 60%;
    float: right;
    top: -9px;
}

.swiper-e1 .swiper-btn::after {
    position: absolute;
    right: 180px;
    top: 50%;
    transform: translateY(-50%);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 417px auto;
    background-image: url(../images/e-line4.png);
    content: "";
    height: 7px;
    width: 417px;
}

.swiper-e1 .swiper-btn::before {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 58px auto;
    background-image: url(../images/e-line3.png);
    content: "";
    height: 7px;
    width: 58px;
}

.m-swiper1 {
    float: left;
    width: 862px;
}

.m-swiper1 .innner {
    overflow: hidden;
}

.m-swiper1 .swiper-slide {
    padding-bottom: 29px;
}

.m-swiper1 .swiper-container-horizontal>.swiper-pagination-bullets {
    left: 0px;
    bottom: 7px;
    display: inline-block;
    width: auto;
    text-align: center;
    padding-left: 60px;
    background-image: url(../images/e-line5.png);
    background-repeat: no-repeat;
    background-size: 43px auto;
    background-position: left center;
}

/* .swiper-e1 .swiper-pagination::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    
} */
.swiper-e1 .con {
    display: block;
}

.swiper-e1 .tit {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
}

.swiper-e1 .pic {
    margin-bottom: 22px;
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 57%;
    overflow: hidden;
}

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

.swiper-e1 .pic:hover img {
    transform: scale(1.08);
}

.swiper-e1 .swiper-pagination-bullet {
    font-family: Impact;
    font-size: 16px;
    color: rgba(32, 78, 170, 0.5);
    width: auto;
    height: auto;
    margin: 0 8px !important;
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
}

.swiper-e1 .swiper-pagination-bullet-active {
    font-family: Impact;
    font-size: 36px;
    font-weight: bold;
    color: #204EAA;
}

.swiper-e1 .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.ul-idx1 .con {
    display: block;
    position: relative;
}

.ul-idx1 .con1 {
    overflow: hidden;
    height: 90px;
    /* border-bottom: 1px solid rgba(32, 78, 170, .3); */
    margin-left: 12%;
    background-image: url(../images/e-line2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
    transition: .5s;
}

.ul-idx1 li:last-child .con1 {
    background-size: 0;
}

.ul-idx1 li:last-child .con1 .date::after {
    display: none;
}

.ul-idx1 .date {
    position: relative;
    float: left;
    line-height: 90px;
    font-size: 22px;
    color: #305DB7;
    position: relative;
}

.ul-idx1 .con1 .date {
    margin-right: 30px;
}

.ul-idx1 .con2 .date {
    float: none;
    position: relative;
    color: #E2C071;
    padding-left: 63px;
    height: auto;
    line-height: normal;
}

.ul-idx1 .con2 .date::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: ' ';
    display: block;
    width: 44px;
    height: 7px;
    background-image: url(../images/e-line.png);
    background-size: 44px auto;
    background-repeat: no-repeat;
}

.ul-idx1 .date::after {
    position: absolute;
    top: 95%;
    left: 0;
    right: 0;
    content: ' ';
    display: block;
    height: 2px;
    width: 100%;
    background-color: #204EAA;
}

.ul-idx1 .con2 .date::after {
    display: none;
}

.ul-idx1 .tit {
    font-size: 18px;
    line-height: 90px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
}

.ul-idx1 .con2 {
    position: absolute;
    top: -5px;
    right: 0;
    visibility: hidden;
    transition: .5s;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 0;
    padding: 17px 30px 17px 0;
    z-index: 2;
    overflow: hidden;
    transition: .5s;
}

.ul-idx1 li:first-child .con .con2 {
    top: 0px;
}

.ul-idx1 .con::after {
    position: absolute;
    right: -47px;
    bottom: -38px;
    display: block;
    content: ' ';
    width: 85px;
    height: 75px;
    background-image: url(../images/e-pic2.png);
    background-size: 85px auto;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 5;
    transition: .5s;
    visibility: hidden;
}

.ul-idx1 .con:hover::after {
    visibility: visible;
}

/* .ul-idx1 .con2 .bg {
    position: absolute;
    right: -47px;
    bottom: -38px;
    display: block;
    content: ' ';
    width: 85px;
    height: 75px;
}

.ul-idx1 .con2 .bg img {
    display: block;
    max-width: 100%;
} */

.ul-idx1 .on .con1,
.ul-idx1 .con:hover .con1 {
    height: 170px;
}

.ul-idx1 .on .con2,
.ul-idx1 .con:hover .con2 {
    visibility: visible;
    width: 100%;
}

.ul-idx1 .con2 .pic {
    float: right;
    width: 224px;
    height: 136px;
    margin-left: 40px;
    overflow: hidden;
}

.ul-idx1 .con2 .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ul-idx1 .con2 .tit {
    font-size: 18px;
    color: #F9FCFE;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.6;
    white-space: wrap;
    margin-bottom: 22px;
}

.ul-idx1 .con2 .tit {
    padding-left: 63px;
}

.ul-idx1 .con2 .txt {
    overflow: hidden;
    padding-top: 16px;
}

.m-idx2 {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    padding: 308px 0 0px;
    position: relative;
    z-index: 3;
    margin-top: -230px;
}

.m-idx2 .item1 {
    position: relative;
    overflow: hidden;
}

.m-idx2 .item1 .pic1 {
    float: left;
    width: 816px;
    height: 560px;
    overflow: hidden;

}

.m-idx2 .item1 .pic1 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.m-idx2 .item1 .pic1:hover img {
    transform: scale(1.08);
}

.g-pic2 {
    width: 383px;
    height: 383px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-idx2 .item1 .g-pic2 {
    position: absolute;
    left: 816px;
    bottom: 0;
    background: rgba(189, 160, 92, 1);
}

.g-pic2 img {
    width: 146px;
    margin: 0 auto;
}

.g-pic2 .con {
    text-align: center;
}

.g-pic2 .tit {
    font-size: 22px;
    color: #FBFDFF;
    text-align: center;
    padding-top: 20px;
}

.g-pic2 #id1 .tit,
.g-pic2 #id5 .tit {
    font-size: 26px;
}

.m-idx2 .item1 .g-pic2 .tit {
    padding-top: 31px;
}

.m-idx2 .item2 {
    padding-right: 247px;
}

.m-idx2 .item2 .box1 {
    float: right;
    overflow: hidden;
}

.m-idx2 .item2 .pic2 {
    float: left;
    width: 255px;
    height: 255px;
}

.m-idx2 .item3 {
    overflow: hidden;
    /* margin-left: 103px; */
}


.m-idx2 .item3 .wp {
    max-width: 1514px;
}

.m-idx2 .item3 .box1 {
    float: left;
    overflow: hidden;
    margin-left: 110.3px;
}

.m-idx2 .item3 .box1 .pic2-1 {
    float: left;
    width: 255px;
    height: 255px;
}

.m-idx2 .item3 .box1 .pic2-2 {
    float: left;
    width: 383px;
    height: 383px;
}

.m-idx2 .item3 .box2 {
    overflow: hidden;
    margin-right: -6px;
}

.m-idx2 .item3 .box2 .g-pic2 {
    float: left;
    width: 255px;
    height: 255px;
}

.m-idx2 .item4 .g-idx .more::after {
    background-image: url(../images/e-more4.png);
}

.m-idx2 .item4 .g-idx .more::before {
    background-image: url(../images/e-more3.png);
    width: 16px;
    height: 16px;
    background-size: 16px auto;
}

.m-idx2 .item4 .l {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 382px;
}

.m-idx2 .item4 .inner {
    overflow: hidden;
}

.m-idx2 .item4 .g-idx {
    z-index: 999;
    margin: 82px 0 47px;
}

.m-links-e1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 140px;
}

.m-links-e1 .item-links {
    position: relative;
    display: inline-block;
    transition: .5s;
}

.m-links-e1 .item-links .sub-links {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 120%;
    z-index: 999;
    width: 0%;
    opacity: 0;
    transition: .5s;

}

.m-links-e1 .item-links:hover .sub-links {
    opacity: 1;
    width: 200%;
}

.m-links-e1 .item-links a {
    position: relative;
    display: block;
    width: 75px;
    height: 96px;
    background-repeat: no-repeat;
    background-size: 0;
    background-position: center;
    background-image: url(../images/e-bg3.png);
    transition: .5s;
    cursor: pointer;
}

.m-links-e1 .item-links:hover a {
    background-size: 75px auto;
}

.m-links-e1 .item-links .pic {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
}

.m-links-e1 .item-links .pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

.m-links-e1 .item-links .qr {
    position: relative;
}

.m-links-e1 .item-links .qr::after {
    position: absolute;
    left: 50%;
    top: -19px;
    transform: translateX(-50%);
    display: block;
    content: ' ';
    border: 10px solid transparent;
    border-bottom-color: #FFFFFF;
    width: 0px;
    height: 0;
}

.ul-idx2 {
    margin-right: 37px;
    padding: 16px 0 48px;
}

.ul-idx2 .con {
    display: block;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
    background-image: url(../images/e-line6.svg);
    padding: 29px 0 32px 30px
}

.ul-idx2 li:last-child .con {
    background-size: 0;
    padding-bottom: 0;
}

.ul-idx2 .top {
    overflow: hidden;
    height: 40px;
}

.ul-idx2 .top .tit {
    float: left;
    width: 60%;

    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 15px;
    display: block;
    transition: .5s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ul-idx2 .con .top .tit span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;


}



.ul-idx2 .top .date {
    float: right;
    font-size: 16px;
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: 16px auto;
    padding-left: 25px;
    background-position: left center;
    background-image: url(../images/e-time.png);
}

.m-idx2 .item4 .g-titidx1 .tit {
    color: #BDA05C
}

.m-idx2 .item4 .g-titidx1 .tit span {
    color: #FFFFFF
}

.ul-idx2 .desc {
    font-size: 16px;
    color: #FFFFFF;
    /* -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.6;
    height: 26px;

}

.g-banco .con .desc .g-line-animate {
    background-image: linear-gradient(#333, #333);
}

.g-banco .swiper-slide-active .con .desc .g-line-animate,
.g-line-animate,
.ul-idx2 .desc span {
    transition: .5s;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .3s ease-in-out;
    -webkit-transition: background-size .3s ease-in-out;
    -moz-transition: background-size .3s ease-in-out;
    -ms-transition: background-size .3s ease-in-out;
    -o-transition: background-size .3s ease-in-out;
    padding-bottom: 2px;
    background-position: 0 bottom;
    background-image: linear-gradient(#fff, #FFF);
}

.g-banco .con:hover .desc .g-line-animate,
.ul-idx2 .con:hover .desc span {
    background-size: 100% 1px;
}

.g-sclick-e1 {
    position: relative;
    z-index: 1;
}

.g-sclick-e1 .con {
    display: block;
}

.g-sclick-e1 .pic {
    display: block;
    position: relative;
    height: 0;
    padding-top: 48.9%;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.g-sclick-e1 .pic::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: ' ';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    visibility: visible;
    transition: .5s;
    opacity: 1;
    z-index: 3;
}

.g-sclick-e1 .con:hover .pic::after {
    opacity: 0;
    visibility: hidden;
}

.g-sclick-e1 .pic img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.g-sclick-e1 .pic:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 180px;
    opacity: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    z-index: 2;
}

.g-sclick-e1 .pic:hover:before {
    opacity: 1;
}

.g-sclick-e1 .pic:hover img {
    transform: scale(1.08);
}

.g-sclick-e1 .txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 30px 24px;
    width: 100%;
    box-sizing: border-box;
    z-index: 7;
}

.g-sclick-e1 .tit {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    height: 1.5em;
    color: #FFFFFF;
}

.g-sclick-e1 .date {
    position: relative;
    font-size: 18px;
    line-height: 2.3;
    color: #E1BF70;
    background-repeat: no-repeat;
    background-size: 18px auto;
    padding-left: 25px;
    background-position: left center;
    background-image: url(../images/e-time2.png);
    margin-bottom: 4px;
}

.g-sclick-e1 .date::before {
    display: block;
    position: absolute;
    left: -30px;
    bottom: 0;
    content: ' ';
    width: 122px;
    height: 7px;
    background-repeat: no-repeat;
    background-size: 122px auto;
    background-position: left center;
    background-image: url(../images/e-line7.png);
}

.g-sclick-e1 .slick-arrow {
    position: absolute;
    bottom: 56px;
    right: 28px;
    font-size: 0;
    border: none;
    padding: 0;
    background-color: transparent;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    background-size: 32px auto;
    z-index: 3;
    cursor: pointer;
    transition: .5s;
}

.g-sclick-e1 .slick-prev {
    left: auto;
    right: 78px;
    background-image: url(../images/e-prev2.png);
}

.g-sclick-e1 .slick-next {
    right: 32px;
    background-image: url(../images/e-next2.png);
}

.m-idx2 .r .box {
    position: relative;
    overflow: hidden;
}

.m-idx2 .r .link {
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    width: 85px;
    z-index: 99;
}

.m-idx2 .r .link img {
    display: block;
    width: 100%;
}

.m-idx2 .r {
    width: calc(100% - 382px);
    overflow: hidden;
}

.m-idx2 .item-r-1 {
    float: left;
    overflow: hidden;
    width: 736px;
}

.m-idx2 .item-r-1 .con1 {
    position: relative;
    float: left;
    width: 50%;
}

.m-idx2 .item-r-2 .box {
    position: relative;
    overflow: hidden;
}

.m-idx2 .item-r-2 {
    float: left;
    overflow: hidden;
    width: calc(100% - 736px);
}

.m-idx2 .item2 {
    position: relative;
}

.m-idx-tit {
    position: relative;
}

.m-idx-tit .con {
    position: absolute;
    top: 300px;
    right: 210px;
    z-index: 10;
}

.g-idx2 .g-titidx {
    background-repeat: no-repeat;
    background-size: 50px auto;
    background-position: left top 40px;
    padding-left: 33px;
    height: 450px;
}

.g-idx2 .tit {
    /*font-family: "Source Han Serif CN";*/
    font-size: 56px;
    font-weight: bold;
    color: #BDA05C
}

.g-idx2 .tit .span1 {
    position: relative;
    color: #FFFFFF;
    padding-right: 20px;
}

.g-idx2 .tit .span1::after {
    position: absolute;
    top: 0;
    right: 0;
    content: ' ';
    width: 6px;
    height: 108px;
    display: block;
    background: #BDA05C;
}

.g-idx2 .tit span {
    display: block;
    line-height: 1;
}

.g-sclick-e2 .pic {
    padding-top: 81.5%;
}

.g-sclick-e3 .pic {
    padding-top: 172.8%;
}

.g-idx-m {
    display: none;
}


.m-idx2 .g-item {
    transform: translate(80px, 80px);
    opacity: 0;
    transition: all 1s ease-out 0s;
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -ms-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
}

.m-idx2 .g-item.showdiv {
    transform: none;
    opacity: 1;
}

.m-idx2 .g-item2 {
    transform: translate(-80px, 80px);
    opacity: 0;
    transition: all 1s ease-out 0s;
}

.m-idx2 .g-item2.showdiv {
    transform: none;
    opacity: 1;
}


.m-idx2 svg {
    width: 100px;
    max-width: inherit !important;
}

.m-idx2 #id5,
.m-idx2 #id1 {
    width: 129px;
}

.m-idx2 .tit-new,
.m-idx2 .tit-new {
    font-size: 26px;
}

/* list-img */
.cur a,
.cur span,
.cur i {
    font-style: normal;
    color: #FFFFFF;
    font-size: 16px;
}

.cur {
    background-image: url(../images/content/cur.png);
    background-size: 21px auto;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 10px 0 10px 30px;
}

.ban-e1 .box {
    position: relative;
    width: 100%;
    height: 100%;
}

.ban-e1 h2 {
    font-size: 42px;
    font-weight: bold;
    color: #FFFFFF;
}

.ban-e1 .bg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ban-e1 .con {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}

.m-list1 {
    background-position: left center;
    background-size: 1682px 80px;
    background-repeat: no-repeat;
}

.ul-list-e1 {
    padding: 30px 0;
    margin: 0 -20px;
}

.ul-list-e1 li {
    display: inline-block;
}

.ul-list-e1 .con {
    display: block;
    font-size: 18px;
    color: #FFFFFF;
    background-image: url(../images/content/e-icon2.png);
    background-size: 0px auto;
    background-repeat: no-repeat;
    background-position: center;
    transition: .5s;
    height: 219px;
    line-height: 219px;
    margin: 0 20px;
}

.ul-list-e1 .con:hover {
    background-size: 219px auto;
}

.row-setting {
    padding: 107px 0 98px;
    overflow: hidden;
}

.row-setting .g-idx {
    margin-bottom: 64px;
}

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

.ul-setting li {
    float: left;
    width: 33.3%;
    margin-bottom: 70px;
}

.ul-setting .con {
    padding: 0px 20px 20px 0;
    margin: 0 30px;
    position: relative;
}

.ul-setting .con .bg {
    display: block;
    content: ' ';
    position: absolute;
    right: 0;
    bottom: 0;
    top: 20px;
    left: 0px;
    background-position: bottom right;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/content/e-pic1.png);
    z-index: 1;
    transition: .5s;
}

.ul-setting .con:hover .bg {
    background-image: url(../images/content/e-pic1-on.png);
}

.ul-setting .name {
    font-size: 28px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: .5s;
    margin-bottom: 27px;
}

.ul-setting .desc {
    height: 93px;
    line-height: 93px;
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: .5s;
}

.ul-setting .con:hover .desc {
    background-image: url(../images/content/e-line3-on.png) !important;
}

.ul-setting .box1 {
    position: relative;
    z-index: 2;
    padding: 39px 50px 20px 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: .5s;
}

.ul-setting .con:hover .box1 {
    background-image: url(../images/content/e-pic3-on.jpg) !important;
}

.ul-setting .desc .add {
    float: left;
    width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    color: #999999;
    text-align: left;
    transition: .5s;
}

.ul-setting svg {
    /* dominant-baseline: middle; */
}

.ul-setting .con:hover .name,
.ul-setting .con:hover .desc .add {
    color: #FFFFFF;
}

.ul-setting .desc .tel {
    float: right;
    font-size: 36px;
    text-align: right;
    color: #0D42A7;
    /* background: linear-gradient(90deg, #0D42A7 0%, #0C8ADE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent; */
    width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: .5s;
    font-family: Impact;
}

.ul-setting .desc .tel linearGradient {
    transform: rotate(90deg);
}

.ul-setting .con:hover .desc .tel {
    color: #BDA05C;
}

@media only screen and (min-width: 959px) {
    .banner .box {}

    .banner .bg {
        object-fit: cover;
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: all 5s ease-in-out;
        -o-transition: all 5s ease-in-out;
        transition: all 5s ease-in-out
    }

    .banner .slick-active .bg {
        -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
        -o-transform: scale(1.01);
        transform: scale(1.01)
    }

    .banner .box .inner {
        width: 30.10vw;
        margin-left: 7.291vw;
    }

    .banner .font1 {
        height: 9.166vw;
        margin-bottom: 1.25vw;
    }

    .banner .border {
        height: 0.208vw;
        margin-bottom: 1.406vw;
    }

    .banner .desc {
        font-size: 0.833vw;
        line-height: 1.458vw;
    }

    .banner .con {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .banner .ban-logo {
        bottom: 4.322vw;
    }

    .banner .ban-logo img {
        height: 3.645vw;
    }

    .row-idx {}

    .m-idx1 {
        background-repeat: no-repeat;
        background-size: cover;
        padding: 4.062vw 0 13.54vw;
    }

    .m-idx1 .inner {
        /*  */
    }

    .m-idxbox1 {
        right: 0;
        width: 35.41vw;
    }

    .g-idx {
        margin-bottom: 2.916vw;
    }



    .g-idx .more {
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        font-size: 0.947vw;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        width: 5.789vw;
        height: 5.789vw;
        padding-left: 1.473vw;
        line-height: 5.789vw;
        background: url(../images/e-font-more.png);
        background-size: 2.210vw auto;
        background-position: right 0.789vw center;
        background-repeat: no-repeat !important;
    }

    .g-idx .more:hover {
        background-position: right 1.315vw center;
    }

    .g-idx .more:hover {
        padding-left: 0.520vw;
    }

    .g-idx .more::after {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        content: ' ';
        width: 5.520vw;
        height: 5.520vw;
        background-repeat: no-repeat;
        background-size: 5.520vw auto;
        background-image: url(../images/e-more.png);
    }

    .g-idx .more::before {
        right: 0;
        top: 51%;
        transform: translateY(-50%);
        content: ' ';
        width: 0.416vw;
        height: 0.729vw;
        background-repeat: no-repeat;
        background-size: 0.416vw auto;
        background-image: url(../images/e-more2.png);
    }

    .g-titidx1 {
        background-repeat: no-repeat;
        background-size: auto 3.125vw;
    }

    .g-titidx1 .tit {
        font-size: 2.187vw;
        font-weight: bold;
        line-height: normal;
        /*font-family: Source Han Serif CN;*/
    }

    .g-titidx1 .tit span {
        padding: 1.093vw 0 0.781vw;
    }

    .g-titidx1 .tit span::before {
        bottom: 0;
        transform: translateX(-50%);
        content: "";
        height: 0.156vw;
    }

    .g-titidx1.tit::after {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-size: 8.020vw auto;
        content: "";
        height: 0.729vw;
        width: 8.020vw;
    }

    .swiper-e1 .swiper-button-prev:after,
    .swiper-e1 .swiper-container-rtl .swiper-button-next:after,
    .swiper-e1 .swiper-button-next:after,
    .swiper-e1 .swiper-container-rtl .swiper-button-prev:after {}

    .swiper-e1 .swiper-button-prev,
    .swiper-e1 .swiper-button-next {
        top: auto;
        bottom: 0;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        font-size: 0;
        border: none;
        width: 2.604vw;
        height: 2.604vw;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        background-size: 2.604vw auto;
        border-radius: 50%;
    }

    .swiper-e1 .swiper-button-prev:before,
    .swiper-e1 .swiper-button-next:before {
        content: "";
        top: 50%;
        transform: translate(-50%, -50%) rotate(180deg);
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        -moz-transform: translate(-50%, -50%) rotate(180deg);
        -ms-transform: translate(-50%, -50%) rotate(180deg);
        -o-transform: translate(-50%, -50%) rotate(180deg);
        width: 1.25vw;
        height: 1.041vw;
        background: url(../images/g-icon01.png) center center no-repeat;
        background-size: contain;
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
    }

    .swiper-e1 .swiper-button-next:before {
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .swiper-e1 .swiper-button-prev {
        left: auto;
        right: 6.770vw;
        background-image: url(../images/e-prev.png);
        background-repeat: no-repeat;
    }

    .swiper-e1 .swiper-button-next {
        right: 3.020vw;
        background-image: url(../images/e-prev.png);
        background-repeat: no-repeat;
    }

    .swiper-e1 .swiper-button-prev:hover {
        background-image: url(../images/e-prev-on.png);
    }

    .swiper-e1 .swiper-button-next:hover {
        background-image: url(../images/e-prev-on.png);
    }

    .swiper-e1 .swiper-btn {
        height: 2.604vw;
        top: -0.468vw;
    }

    .swiper-e1 .swiper-btn::after {
        right: 9.375vw;
        top: 50%;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-size: 21.71vw auto;
        background-image: url(../images/e-line4.png);
        content: "";
        height: 0.364vw;
        width: 21.71vw;
    }

    .swiper-e1 .swiper-btn::before {
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-size: 3.020vw auto;
        background-image: url(../images/e-line3.png);
        content: "";
        height: 0.364vw;
        width: 3.020vw;
    }

    .m-swiper1 {
        width: 44.89vw;
    }

    .m-swiper1 .innner {}

    .m-swiper1 .swiper-slide {
        padding-bottom: 1.510vw;
    }

    .m-swiper1 .swiper-container-horizontal>.swiper-pagination-bullets {
        left: 0;
        bottom: 0.364vw;
        width: auto;
        padding-left: 3.125vw;
        background-image: url(../images/e-line5.png);
        background-repeat: no-repeat;
        background-size: 2.239vw auto;

    }

    /* .swiper-e1 .swiper-pagination::before {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    } */
    .swiper-e1 .con {}

    .swiper-e1 .tit {
        font-size: 1.145vw;
        font-weight: bold;
        line-height: 1.5em;
        white-space: nowrap;
    }

    .swiper-e1 .pic {
        margin-bottom: 1.145vw;
    }

    .swiper-e1 .pic img {
        object-fit: cover;
        transition: .5s;
    }

    .swiper-e1 .pic:hover img {
        transform: scale(1.08);
    }

    .swiper-e1 .swiper-pagination-bullet {
        font-size: 0.833vw;
        width: auto;
        height: auto;
        margin: 0 0.416vw !important;
        opacity: 1;
    }

    .swiper-e1 .swiper-pagination-bullet-active {
        font-size: 1.875vw;
        font-weight: bold;
    }

    .swiper-e1 .swiper-button-prev.swiper-button-disabled {
        opacity: 1;
    }

    .ul-idx1 .con {}

    .ul-idx1 .con1 {
        height: 4.687vw;
        /* border-bottom: 1px solid rgba(32, 78, 170, .3); */
        background-image: url(../images/e-line2.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        transition: .5s;
    }

    .ul-idx1 li:last-child .con1 {
        background-size: 0;
    }

    .ul-idx1 li:last-child .con1 .date::after {}

    .ul-idx1 .date {
        line-height: 4.687vw;
        font-size: 1.145vw;
    }

    .ul-idx1 .con1 .date {
        margin-right: 1.562vw;
    }

    .ul-idx1 .con2 .date {
        padding-left: 3.281vw;
        height: auto;
        line-height: normal;
    }

    .ul-idx1 .con2 .date::before {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        content: ' ';
        width: 2.291vw;
        height: 0.364vw;
        background-image: url(../images/e-line.png);
        background-size: 2.291vw auto;
        background-repeat: no-repeat;
    }

    .ul-idx1 .date::after {
        top: 95%;
        left: 0;
        right: 0;
        content: ' ';
        height: 0.104vw;
    }

    .ul-idx1 .con2 .date::after {}

    .ul-idx1 .tit {
        font-size: 0.937vw;
        line-height: 4.687vw;
        white-space: nowrap;
    }

    .ul-idx1 .con2 {
        top: -0.260vw;
        right: 0;
        visibility: hidden;
        transition: .5s;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0.885vw 1.562vw 0.885vw 0;
        transition: .5s;
    }

    .ul-idx1 li:first-child .con .con2 {
        top: 0;
    }

    .ul-idx1 .con::after {
        right: -2.447vw;
        bottom: -1.979vw;
        content: ' ';
        width: 4.427vw;
        height: 3.906vw;
        background-image: url(../images/e-pic2.png);
        background-size: 4.427vw auto;
        background-repeat: no-repeat;
        transition: .5s;
        visibility: hidden;
    }

    .ul-idx1 .con:hover::after {
        visibility: visible;
    }

    /* .ul-idx1 .con2 .bg {
        right: -2.447vw;
        bottom: -1.979vw;
        content: ' ';
        width: 4.427vw;
        height: 3.906vw;
    }
    .ul-idx1 .con2 .bg img {
        max-
    } */
    .ul-idx1 .on .con1,
    .ul-idx1 .con:hover .con1 {
        height: 8.854vw;
    }

    .ul-idx1 .on .con2,
    .ul-idx1 .con:hover .con2 {
        visibility: visible;
    }

    .ul-idx1 .con2 .pic {
        width: 11.66vw;
        height: 7.083vw;
        margin-left: 2.083vw;
    }

    .ul-idx1 .con2 .pic img {
        object-fit: cover;
    }

    .ul-idx1 .con2 .tit {
        font-size: 0.937vw;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.6;
        white-space: wrap;
        margin-bottom: 1.145vw;
    }

    .ul-idx1 .con2 .tit {
        padding-left: 3.281vw;
    }

    .ul-idx1 .con2 .txt {
        padding-top: 0.833vw;
    }

    .m-idx2 {
        background-repeat: no-repeat;
        background-size: 100% auto;
        padding: 16.04vw 0 0;
        margin-top: -11.97vw;
    }

    .m-idx2 .item1 {}

    .m-idx2 .item1 .pic1 {
        width: 42.5vw;
        height: 29.16vw;
    }

    .m-idx2 .item1 .pic1 img {
        object-fit: cover;
        transition: .5s;
    }

    .m-idx2 .item1 .pic1:hover img {
        transform: scale(1.08);
    }

    .g-pic2 {
        width: 19.94vw;
        height: 19.94vw;
        background-repeat: no-repeat;
        background-size: cover;
        justify-content: center;
        align-items: center;
    }

    .m-idx2 .item1 .g-pic2 {
        left: 42.5vw;
        bottom: 0;
        background: rgba(189, 160, 92, 1);
    }

    .g-pic2 img {
        width: 7.604vw;
        margin: 0 auto;
    }

    .g-pic2 .con {}

    .g-pic2 .tit {
        font-size: 1.145vw;
        padding-top: 1.041vw;
    }

    .g-pic2 .tit-new,
    .g-pic2 .tit-new {
        font-size: 1.368vw;
    }

    .m-idx2 .item1 .g-pic2 .tit {
        padding-top: 1.614vw;
    }

    .m-idx2 .item2 {
        padding-right: 10.95vw;
    }

    .m-idx2 .item2 .box1 {}

    .m-idx2 .item2 .pic2 {
        width: 13.28vw;
        height: 13.28vw;
    }

    .m-idx2 .item3 {
        /* margin-left: 5.421vw; */
    }
    .m-idx2 .item3 .wp {
        max-width: 78.85vw;
    }
    .m-idx2 .item3 .box1 {
        margin-left: 5.744vw;
    }

    .m-idx2 .item3 .box1 .pic2-1 {
        width: 13.28vw;
        height: 13.28vw;
    }

    .m-idx2 .item3 .box1 .pic2-2 {
        width: 19.94vw;
        height: 19.94vw;
    }

    .m-idx2 .item3 .box2 {
        margin-right: -0.315vw;
    }

    .m-idx2 .item3 .box2 .g-pic2 {
        width: 13.28vw;
        height: 13.28vw;
    }


    .m-idx2 .item4 .g-idx .more::after {
        background-image: url(../images/e-more4.png);
    }

    .m-idx2 .item4 .g-idx .more::before {
        background-image: url(../images/e-more3.png);
        width: 0.833vw;
        height: 0.833vw;
        background-size: 0.833vw auto;
    }

    .m-idx2 .item4 .l {
        background-repeat: no-repeat;
        background-size: cover;
        width: 19.89vw;
    }

    .m-idx2 .item4 .inner {}

    .m-idx2 .item4 .g-idx {
        margin: 4.270vw 0 2.447vw;
    }

    .m-links-e1 {
        top: 50%;
        transform: translateY(-50%);
        right: 7.291vw;
    }

    .m-links-e1 .item-links {
        transition: .5s;
    }

    .m-links-e1 .item-links .sub-links {
        transform: translateX(-50%);
        top: 120%;
        opacity: 0;
        transition: .5s;
    }

    .m-links-e1 .item-links:hover .sub-links {
        opacity: 1;
    }

    .m-links-e1 .item-links a {
        width: 3.906vw;
        height: 5vw;
        background-repeat: no-repeat;
        background-size: 0;
        background-image: url(../images/e-bg3.png);
        transition: .5s;
    }

    .m-links-e1 .item-links:hover a {
        background-size: 3.906vw auto;
    }

    .m-links-e1 .item-links .pic {
        top: 50%;
        transform: translate(-50%, -50%);
        width: 1.875vw;
        height: 1.875vw;
    }

    .m-links-e1 .item-links .pic img {}

    .m-links-e1 .item-links .qr {}

    .m-links-e1 .item-links .qr:after {
        top: -0.989vw;
        transform: translateX(-50%);
        content: ' ';
        border-width: 0.520vw;

    }

    .ul-idx2 {
        margin-right: 1.927vw;
        padding: 0.833vw 0 2.5vw;
    }

    .ul-idx2 .con {
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-image: url(../images/e-line6.png);
        padding: 1.510vw 0 1.666vw 1.562vw
    }

    .ul-idx2 li:last-child .con {
        background-size: 0;
    }

    .ul-idx2 .top {
        height: 2.01vw;
    }

    .ul-idx2 .top .tit {
        font-size: 0.833vw;
        margin-bottom: 0.781vw;
        transition: .5s;
    }

    .ul-idx2 .con .top .tit span {
        white-space: nowrap;
    }

    .ul-idx2 .top .date {
        font-size: 0.833vw;
        background-repeat: no-repeat;
        background-size: 0.833vw auto;
        padding-left: 1.302vw;
        background-image: url(../images/e-time.png);
    }

    .m-idx2 .item4 .g-titidx1 .tit {
        color: #BDA05C
    }

    .m-idx2 .item4 .g-titidx1 .tit span {
        color: #FFFFFF
    }

    .ul-idx2 .desc {
        font-size: 0.833vw;
        /* -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
         */
        white-space: nowrap;
        line-height: 1.6;
        height: 1.354vw;
    }

    .g-line-animate,
    .ul-idx2 .desc span {
        transition: .5s;
        background-size: 0 1px;
        background-repeat: no-repeat;
        transition: background-size .3s ease-in-out;
        -webkit-transition: background-size .3s ease-in-out;
        -moz-transition: background-size .3s ease-in-out;
        -ms-transition: background-size .3s ease-in-out;
        -o-transition: background-size .3s ease-in-out;
        padding-bottom: 0.104vw;
        background-image: linear-gradient(#fff, #FFF);
    }

    .ul-idx2 .con:hover .desc span {
        background-size: 100% 1px;
    }

    .g-sclick-e1 .con {}

    .g-sclick-e1 .pic {
        padding-top: 48.9%;
    }

    .g-sclick-e1 .pic::after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: ' ';
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }

    .g-sclick-e1 .con:hover .pic::after {
        opacity: 0;
        visibility: hidden;
    }

    .g-sclick-e1 .pic img {
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        object-fit: cover;
        transition: .5s;
    }

    .g-sclick-e1 .pic:before {
        content: "";
        left: 0;
        bottom: 0;
        height: 9.375vw;
        opacity: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

    .g-sclick-e1 .pic:hover:before {
        opacity: 1;
    }

    .g-sclick-e1 .pic:hover img {
        transform: scale(1.08);
    }

    .g-sclick-e1 .txt {
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0 1.562vw 1.25vw;
        box-sizing: border-box;
    }

    .g-sclick-e1 .tit {
        white-space: nowrap;
        font-size: 1.041vw;
        height: 1.5em;
    }

    .g-sclick-e1 .date {
        font-size: 0.937vw;
        line-height: 2.3;
        background-repeat: no-repeat;
        background-size: 0.937vw auto;
        padding-left: 1.302vw;
        background-image: url(../images/e-time2.png);
        margin-bottom: 0.208vw;
    }

    .g-sclick-e1 .date::before {
        left: -1.562vw;
        bottom: 0;
        content: ' ';
        width: 6.354vw;
        height: 0.364vw;
        background-repeat: no-repeat;
        background-size: 6.354vw auto;
        background-image: url(../images/e-line7.png);
    }

    .g-sclick-e1 .slick-arrow {
        bottom: 2.916vw;
        right: 1.458vw;
        font-size: 0;
        border: none;
        padding: 0;
        background-repeat: no-repeat;
        width: 1.666vw;
        height: 1.666vw;
        background-size: 1.666vw auto;
        transition: .5s;
    }

    .g-sclick-e1 .slick-prev {
        left: auto;
        right: 4.062vw;
        background-image: url(../images/e-prev2.png);
    }

    .g-sclick-e1 .slick-next {
        right: 1.666vw;
        background-image: url(../images/e-next2.png);
    }

    .m-idx2 .r .box {}

    .m-idx2 .r .link {
        top: 0.416vw;
        right: 0;
        width: 4.427vw;
    }

    .m-idx2 .r .link img {}

    .m-idx2 .r {
        width: calc(100% - 19.89vw);
    }

    .m-idx2 .item-r-1 {
        width: 38.33vw;
    }

    .m-idx2 .item-r-1 .con1 {}

    .m-idx2 .item-r-2 .box {}

    .m-idx2 .item-r-2 {
        width: calc(100% - 38.33vw);
    }

    .m-idx2 .item2 {}

    .m-idx-tit {}

    .m-idx-tit .con {
        top: 15.62vw;
        right: 10.93vw;
    }

    .g-idx2 .g-titidx {
        background-repeat: no-repeat;
        background-size: 2.604vw auto;
        padding-left: 1.718vw;
        height: 23.43vw;
    }

    .g-idx2 .tit {
        /*font-family: "Source Han Serif CN";*/
        font-size: 2.916vw;
        font-weight: bold;
        color: #BDA05C
    }

    .g-idx2 .tit .span1 {
        padding-right: 1.041vw;
    }

    .g-idx2 .tit .span1::after {
        top: 0;
        right: 0;
        content: ' ';
        width: 0.312vw;
        height: 5.625vw;
        background: #BDA05C;
    }

    .g-idx2 .tit span {
        line-height: 1;
    }

    .g-sclick-e2 .pic {
        padding-top: 81.5%;
    }

    .g-sclick-e3 .pic {
        padding-top: 172.5%;
    }

    .g-idx-m {}

    .m-idx2 .g-item {
        transform: translate(4.166vw, 4.166vw);
        opacity: 0;
        transition: all 1s ease-out 0s;
        -webkit-transition: all 1s ease-out 0s;
        -moz-transition: all 1s ease-out 0s;
        -ms-transition: all 1s ease-out 0s;
        -o-transition: all 1s ease-out 0s;
    }

    .m-idx2 .g-item.showdiv {
        transform: none;
        opacity: 1;
    }

    .m-idx2 .g-item2 {
        transform: translate(-4.166vw, 4.166vw);
        opacity: 0;
        transition: all 1s ease-out 0s;
    }

    .m-idx2 .g-item2.showdiv {
        transform: none;
        opacity: 1;
    }

    .m-idx2 svg {
        width: 5.208vw;
        max-width: inherit !important;
    }

    .m-idx2 #id5,
    .m-idx2 #id1 {
        width: 6.718vw;
    }

    .m-idx2 #id5 .tit,
    .m-idx2 #id1 .tit {
        font-size: 1.354vw;
    }

    /* list-img */
    .cur a,
    .cur span,
    .cur i {
        font-style: normal;
        font-size: 0.833vw;
    }

    .cur {
        background-image: url(../images/content/cur.png);
        background-size: 1.093vw auto;
        background-repeat: no-repeat;
        padding: 0.520vw 0 0.520vw 1.562vw;
    }

    .ban-e1 .box {}

    .ban-e1 h2 {
        font-size: 2.187vw;
        font-weight: bold;
    }

    .ban-e1 .bg {
        object-fit: cover;
    }

    .ban-e1 .con {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .m-list1 {
        background-size: 87.60vw 4.166vw;
        background-repeat: no-repeat;
    }

    .ul-list-e1 {
        padding: 1.562vw 0;
        margin: 0 -1.041vw;
    }

    .ul-list-e1 li {}

    .ul-list-e1 .con {
        font-size: 0.937vw;
        background-image: url(../images/content/e-icon2.png);
        background-size: 0 auto;
        background-repeat: no-repeat;
        transition: .5s;
        height: 11.40vw;
        line-height: 11.40vw;
        margin: 0 1.041vw;
    }

    .ul-list-e1 .con:hover {
        background-size: 11.40vw auto;
    }

    .row-setting {
        padding: 5.572vw 0 5.104vw;
    }

    .row-setting .g-idx {
        margin-bottom: 3.333vw;
    }

    .ul-setting {
        margin: 0 -1.562vw;
    }

    .ul-setting li {
        width: 33.3%;
        margin-bottom: 3.645vw;
    }

    .ul-setting .con {
        padding: 0 1.041vw 1.041vw 0;
        margin: 0 1.562vw;
    }

    .ul-setting .con .bg {
        content: ' ';
        right: 0;
        bottom: 0;
        top: 1.041vw;
        left: 0;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url(../images/content/e-pic1.png);
        transition: .5s;
    }

    .ul-setting .con:hover .bg {
        background-image: url(../images/content/e-pic1-on.png);
    }

    .ul-setting .name {
        font-size: 1.458vw;
        white-space: nowrap;
        transition: .5s;
        margin-bottom: 1.406vw;
    }

    .ul-setting .desc {
        height: 4.843vw;
        line-height: 4.843vw;
        background-size: 100% auto;
        background-repeat: no-repeat;
        transition: .5s;
    }

    .ul-setting .con:hover .desc {
        background-image: url(../images/content/e-line3-on.png) !important;
    }

    .ul-setting .box1 {
        padding: 2.031vw 2.604vw 1.041vw 1.562vw;
        background-size: cover;
        background-repeat: no-repeat;
        transition: .5s;
    }

    .ul-setting .con:hover .box1 {
        background-image: url(../images/content/e-pic3-on.jpg) !important;
    }

    .ul-setting .desc .add {
        white-space: nowrap;
        font-size: 1.041vw;
        transition: .5s;
    }

    .ul-setting .con:hover .name,
    .ul-setting .con:hover .desc .add {}

    .ul-setting .desc .tel {
        font-size: 1.875vw;
        /* background: linear-gradient(90deg, #0D42A7 0%, #0C8ADE 100%);
        -webkit-background-clip: text;
        white-space: nowrap;
        transition: .5s;
        font-family: Impact; */
    }
}

@media only screen and (max-width: 1024px) {
    .banner .item {
        height: 400px;
    }

    .banner .slick-dots {
        bottom: 20px;
    }
    .banner .item{
        height: auto;
    }
    .banner .box{
        position: relative;
        height: 0;
        padding-top: 50%;
    }
    .banner .bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .banner .desc {
        display: none;
    }
}

@media only screen and (max-width: 959px) {
    .g-titidx1 .tit {
        font-size: 25px;
    }

    .g-titidx1 {
        background-size: auto 30px;
    }

    .m-idx1 {
        padding: 30px 0 40px;
    }

    .g-idx .more::after {
        width: 66px;
        height: 66px;
        background-size: 66px auto;
    }

    .g-idx .more {
        font-size: 12px;
        width: 76px;
        height: 66px;
        padding-left: 12px;
        line-height: 66px;
        background-size: 30px auto;
        background-position: right 15px center;
        background-image: url(../images/e-font-more.png) !important;
    }

    .g-idx .more:hover {
        background-position: right 20px center;
    }

    .g-idx .more::before {
        background-image: url(../images/e-more2.png) !important;
    }

    .g-idx .more::before {
        width: 6px;
        height: 12px;
        background-size: 6px auto !important;
    }

    .g-titidx1 .tit span {
        padding: 12px 0 10px;
    }

    .g-idx {
        margin-bottom: 20px;
    }

    .m-swiper1 {
        float: none;
        width: 100%;
    }

    .m-swiper1 .pic {
        margin-bottom: 10px;
    }

    .swiper-e1 .tit {
        font-size: 16px;
    }

    .m-idx2 {
        padding: 35% 0 30px;
        margin-top: 0px;
        background-size: 0;
    }

    .swiper-e1 .swiper-pagination-bullet-active {
        font-size: 20px;
    }

    .swiper-e1 .swiper-pagination-bullet {
        font-size: 14px;
        margin: 0 2px !important;
    }

    .swiper-e1 .swiper-button-prev,
    .swiper-e1 .swiper-button-next {
        width: 40px;
        height: 40px;
        background-size: 40px auto !important;
    }

    .swiper-e1 .swiper-btn {
        height: 40px;
        width: 60%;
        top: -9px;
    }

    .swiper-e1 .swiper-btn::after,
    .swiper-e1 .swiper-btn::before,
    .m-swiper1 .swiper-container-horizontal>.swiper-pagination-bullets {
        /* display: none; */
    }

    .swiper-e1 .swiper-btn::after,
    .swiper-e1 .swiper-btn::before {
        display: none;
    }

    .m-swiper1 .swiper-container-horizontal>.swiper-pagination-bullets {
        padding-left: 0;
        background: none;
        position: relative;
        float: left;
    }

    .swiper-e1 .swiper-pagination-bullet {
        font-size: 16px;
    }

    .m-swiper1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
        font-size: 24px;
    }

    .m-idx2 .item1 .pic1 {
        width: 70%;
        height: auto;
    }

    .m-idx2 .item1 .g-pic2 {
        position: absolute;
        left: 70%;
        bottom: 0;
        width: 30%;
        padding-top: 30%;
        height: 0;
        background: rgba(189, 160, 92, 1);
    }

    .m-idx2 .item1 .g-pic2 .con {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
    }

    .g-pic2 .tit {
        font-size: 20px;
        padding-top: 0px;
    }

    .m-idx2 .tit-new,
    .m-idx2 .tit-new {
        font-size: 22px;
    }

    .m-idx2 .item1 .g-pic2 .tit {
        padding-top: 10px;
    }

    .g-idx-m {
        display: block;
    }

    .m-idx-tit {
        display: none;
    }

    .m-idxbox1 {
        position: relative;
        width: 100%;
    }

    .ul-idx1 .con1 {
        height: 60px;
        margin-left: 0%;
    }

    .ul-idx1 .con1 .date {
        margin-right: 20px;
    }

    .ul-idx1 .date {
        position: relative;
        float: left;
        line-height: 60px;
        font-size: 16px;
    }

    .ul-idx1 .tit {
        font-size: 16px;
        line-height: 60px;
    }

    .ul-idx1 .date::after {
        position: absolute;
        top: 90%;
    }

    .ul-idx1 .con2 .tit {
        padding-left: 35px;
        font-size: 16px;
    }

    .ul-idx1 .con2 .date {
        padding-left: 35px;
    }

    .ul-idx1 .con2 .date::before {
        top: 50%;
        width: 25px;
        height: 4px;
        background-size: 25px auto;
    }

    .m-idx2 .item2 {
        padding-right: 0px;
    }
    .m-idx2 .item2 .box1 {
        float: none;
        overflow: hidden;
       
    }
    .m-idx2 .item2 .box1 .pic2{
        float: left;
        width: 50%;
        height: 40vw;
    }
    .m-idx2 .item2 .pic2 {
        float: none;
        height: 30vw;
    }
    .m-idx2 .item3 .wp {
        max-width: 100%;
        padding: 0 0;
    }
    .m-idx2 .item3 .box1 {
        margin-left: 0;
    }
    .m-idx2 .item3 .box2{
        margin-right: 0;
    }
    .m-idx2 .item3 .box2 .g-pic2 {
        width: 50% !important;
        height: 40vw !important;
    }
    .m-idx2 .item3  .g-pic2 {
        width: 50% !important;
        height: 40vw !important;
    }
    .m-idx2 .item3,
    .m-idx2 .item2{
       margin: 0 -15px;
    }
    .m-idx2 .item3 .box2,
    .m-idx2 .item3 .box1 {
        width: 100%;
    }

    .m-links-e1 {
        display: none;
    }

    .m-idx2 .item4 .g-idx {
        margin: 30px 0 10px;
    }

    .m-idx2 .item4 .r,
    .m-idx2 .item4 .l {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .m-idx2 .item-r-1 .box {
        margin-bottom: 20px;
    }

    .ul-idx2 .con {
        padding: 20px 0 20px 25px;
    }

    .ul-idx2 {
        margin-right: 25px;
        padding: 10px 0 28px;
    }

    .ul-idx2 .top .tit {
        margin-bottom: 5px;
    }

    .m-idx2 .item-r-2,
    .m-idx2 .item-r-1 {
        float: none;
        width: 100%;
    }

    .g-sclick-e3 .pic {
        padding-top: 48.9%;
    }

    .m-idx2 .r .link {
        width: 60px;
    }

    .g-sclick-e1 .tit {
        font-size: 15px;
    }

    .g-sclick-e1 .date {
        position: relative;
        font-size: 14px;
        line-height: 2.8;
        background-size: 16px auto;
        padding-left: 22px;
    }

    .g-sclick-e1 .txt {
        padding: 0 20px 14px;
    }

    .g-sclick-e1 .date::before {
        left: -20px;
        width: 100px;
        height: 7px;
        background-size: 100px auto;
    }

    .m-a4 .g-idx .more {
        padding-left: 33px;
    }

    .m-a4 .g-idx .more:hover {
        padding-left: 28px;
    }

    .banner .font1 {
        display: block;
        height: 35px;
        margin-bottom: 10px;
    }

    .banner .border {
        display: block;
        height: 2px;
        margin-bottom: 10px;
    }

    .banner .desc {
        font-size: 14px;
        line-height: 25px;
    }

    .banner .ban-logo img {
        display: inline-block;
        height: 30px;
    }

    .banner .ban-logo {
        bottom: 20px;
    }

    .banner .box .inner {
        width: auto;
        margin-left: 0px;
    }

    .ul-idx1 .con::after {
        position: absolute;
        right: -17px;
        bottom: -38px;
        display: block;
        content: ' ';
        width: 58px;
        height: 55px;
        background-size: contain;
    }

    .m-idx2 {
        background-size: 250% auto;
    }
}

@media only screen and (max-width: 767px) {
    .m-idx2 {
        padding-top: 30%;
        margin-top: -25px;
    }

    .g-titidx1 .tit {
        font-size: 20px;
    }

    .g-titidx1 .tit span::before {
        height: 2px;
    }

    .swiper-e1 .swiper-button-prev,
    .swiper-e1 .swiper-button-next {
        width: 35px;
        height: 35px;
        background-size: 35px auto !important;
    }

    #id1 {
        max-width: 100px;
    }

    .m-idx2 .item1 .g-pic2 .tit {
        padding-top: 10px;
    }

    .g-pic2 .tit {
        font-size: 18px;
    }

    .m-idx2 svg {
        max-width: 50px;
    }

    /* .g-pic2 {
        position: relative !important;
        padding-top: 100% !important;
        width: auto !important;
        height: 0 !important;
    }

    .g-pic2 .con {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .m-idx2 .item3 .box1 .pic2-1 {
        float: none;
        width: 100%;
    }

    .m-idx2 .item3 {
        overflow: hidden;
        margin-left: 0px;
        margin: 0 -15px;
    }

    .m-idx2 .item3 .box1 .g-pic2,
    .m-idx2 .item3 .box2 .g-pic2,
    .m-idx2 .item3 .box2 {
        float: none;
    }
    .m-idx2 .item3 .box2 .g-pic2 {
        width: 100% !important;
    }
    .m-idx2 .item3 .box2 {
        margin-right: 0;
    } */

    .m-idx2 .wp {
        width: 100%;
    }

    .m-idx2 .item4 {
        /* padding: 0 15px; */
    }

    .m-idx2 .item-r-1 .con1 {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .m-idx2 .item4 .r,
    .m-idx2 .item-r-1 .con1:last-child {
        margin-bottom: 0;
    }

    .g-sclick-e1 .pic {
        padding-top: 67% !important;
    }

    .g-sclick-e1 .slick-arrow {
        bottom: 39px;
        width: 28px;
        height: 28px;
        background-size: 28px auto;
    }

    .m-idx2 .r .link {
        width: 50px;
    }

    .ul-idx1 li {
        margin-bottom: 15px;
    }

    .ul-idx1 .con1 {
        display: block;
        height: auto;
    }

    .ul-idx1 .on .con1,
    .ul-idx1 .con:hover .con1 {
        height: auto;
    }

    .ul-idx1 .con2 {
        position: absolute;
        visibility: hidden;
        width: 100%;
        padding: 15px 10px 10px;
        z-index: 2;
        display: none;

    }

    .ul-idx1 li {
        margin-bottom: 0;
    }

    .ul-idx1 li:first-child {
        margin-bottom: 15px;
    }

    .ul-idx1 li:first-child .con1 {
        display: none;
    }

    .ul-idx1 li:first-child .con2 {
        display: block;
        position: static;
        visibility: visible;
    }

    .ul-idx1 .con2 .pic {
        float: none;
        width: 100%;
        height: auto;
        margin-left: 0px;
    }

    .ul-idx1 .con2 .tit {
        padding-left: 0px;
        font-size: 16px;
        margin-bottom: 5px;
    }

    .ul-idx1 .date::after {
        display: none;
    }

    .ul-idx1 .con2 .date::before {
        width: 35px;
        height: 7px;
        background-size: 35px auto;
    }

    .ul-idx1 .con2 .date {
        padding-left: 46px;
    }

    .m-idx1 {
        padding: 30px 0 30px;
    }

    .ul-idx1 .con2 .pic img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .swiper-e1 .swiper-btn {
        width: auto;
        height: 40px;
    }

    .m-swiper1 .swiper-container-horizontal>.swiper-pagination-bullets {
        margin-top: 5px;
    }

    .m-swiper1 .swiper-slide {
        padding-bottom: 10px;
    }

    .m-swiper1 {
        padding-bottom: 20px;
    }

    .swiper-e1 .swiper-button-next {
        right: 38px;
    }

    .swiper-e1 .swiper-button-prev {
        left: auto;
        right: 100px;
    }

    .ul-idx1 .con::after {
        display: none;
    }

    .m-idx2 .item1 .pic1 {
        float: none;
        width: 100%;
    }

    .m-idx2 .item1 .g-pic2 {
        position: relative;
        left: 0%;
        bottom: 0;
        width: 100%;
        padding-top: 100%;
        height: 0;
        background: rgba(189, 160, 92, 1);
    }

}

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

    .m-idx2 .g-item {
        transform: translate(-50px, 50px);
        -webkit-transform: translate(-50px, 50px);
        -moz-transform: translate(-50px, 50px);
        -ms-transform: translate(-50px, 50px);
        -o-transform: translate(-50px, 50px);
    }

    .m-idx2 .g-item2 {
        transform: translate(50px, 50px);
        -webkit-transform: translate(50px, 50px);
        -moz-transform: translate(50px, 50px);
        -ms-transform: translate(50px, 50px);
        -o-transform: translate(50px, 50px);
    }
}

@media only screen and (max-width: 959px) {
    .m-idx2 svg {
        width: 80px;
    }

    .m-idx2 #id5,
    .m-idx2 #id1 {
        width: 100px;
    }
}

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

    .m-idx2 #id5,
    .m-idx2 svg {
        width: 60px;
    }

    .m-idx2 #id1 {
        width: 100px;
    }
    /* .m-idx2 .item2 .box1 {
        display: block;
    }
    .m-idx2 .item3 .g-pic2 {
        width: 50%;
    }
    .m-idx2 .item3 .g-pic2 {
        width: 100% !important;
        height: 0 !important;
    } */
    .m-idx2 .item2 .box1 .pic2 ,
    .m-idx2 .item3 .g-pic2 ,
    .m-idx2 .item3 .box2 .g-pic2 {
        width: 50% !important;
        height: 50vw !important;
    }
}

@media only screen and (max-width: 959px) {
    .row-setting {
        padding: 30px 0 40px;
    }

    .row-setting .g-idx {
        margin-bottom: 27px;
    }

    .ul-setting li {
        width: 50%;
        margin-bottom: 35px;
    }

    .ul-setting .con {
        padding: 0px 10px 10px 0;
        margin: 0 15px;
    }

    .ul-setting {
        margin: 0 -15px;
    }

    .ul-setting .name {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .ul-setting .box1 {
        padding: 20px 25px 10px 15px;
    }

    .ul-setting .desc .add {
        font-size: 16px;
    }

    .ul-setting .desc .tel {
        font-size: 25px;
    }

    .ul-setting .desc {
        height: 60px;
        line-height: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .m-idx2 .item4 .g-titidx1 .tit span {
        color: #3D3D3D;
    }

    .row-setting {
        padding: 30px 0 20px;
    }

    .ul-setting .con .bg {
        background-image: url(../images/content/e-pic1-on.png);
    }

    .ul-setting .con .box1 {
        background-image: url(../images/content/e-pic3-on.jpg) !important;
    }

    .ul-setting .con .desc {
        background-image: url(../images/content/e-line3-on.png) !important;
    }

    .ul-setting .con .name,
    .ul-setting .con .desc .add {
        color: #FFFFFF;
    }

    .ul-setting .con .desc .tel {
        color: #BDA05C;
        background: linear-gradient(90deg, rgba(189, 160, 92, 0) 0%, rgba(189, 160, 92, 0) 0%);
        -webkit-background-clip: inherit;
        -webkit-text-fill-color: #BDA05C;
        background-clip: inherit;
    }

    .row-setting .g-idx {
        margin-bottom: 15px;
    }

    .ul-setting li {
        float: none;
        width: 100%;
        margin-bottom: 25px;
    }

    .ul-setting .con {
        padding: 0px 10px 10px 0;
        margin: 0 0px;
    }

    .ul-setting {
        margin: 0 0px;
    }

    .ul-setting .name {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .ul-setting .box1 {
        padding: 20px 25px 10px 15px;
    }

    .ul-setting .desc .add {
        font-size: 14px;
    }

    .ul-setting .desc .tel {
        font-size: 20px;
    }

    .ul-setting .desc {
        height: 60px;
        line-height: 60px;
    }
}

.m-a5 {
    position: relative;
}

.m-a5 .bg {
    display: block;
    width: 100%;
}

.m-a5 .cont {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 110px;
}

.m-bana5 {
    position: relative;
}

.m-bana5 .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    border: 1px solid #204EAA;
    font-size: 0;
    transition: .3s;
    z-index: 1;
    background-color: transparent;
    opacity: .5;
    cursor: pointer;
}

.m-bana5 .slick-arrow:hover {
    background-color: #BDA05C;
    border-color: #BDA05C;
    opacity: 1;
}

.m-bana5 .slick-next {
    background-image: url(../images/a2.png);
    right: 0;
}

.m-bana5 .slick-next:hover {
    background-image: url(../images/a2-1.png);
}

.m-bana5 .slick-prev {
    background-image: url(../images/a1.png);
    left: 0;
}

.m-bana5 .slick-prev:hover {
    background-image: url(../images/a1-1.png);
}

.m-bana5 .item {
    height: 680px;
    position: relative;
    text-align: center;
}

.m-bana5 .li {
    position: absolute;
    min-width: 140px;
}

.m-bana5 .li1 {
    top: 53%;
    left: 8%;
}

.m-bana5 .li2 {
    top: 29%;
    left: 26%;
}

.m-bana5 .li3 {
    top: 54%;
    left: 42%;
}

.m-bana5 .li4 {
    top: 43%;
    left: 64%;
}

.m-bana5 .li5 {
    top: 52%;
    left: 82%;
}

.m-bana5 .img {
    /*display: none;
    */
    opacity: 0;
    position: absolute;
    left: 50%;
    top: -110px;
    display: block;
    width: 140px;
    transform: translateX(-50%) scale(0);
    -webkit-transform: translateX(-50%) scale(0);
    -moz-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    -o-transform: translateX(-50%) scale(0);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    z-index: 2;
}

.m-bana5 .cirlce {
    position: relative;
}

.m-bana5 .cirlce::before {
    background: #204EAA;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    position: absolute;
    border-radius: 50%;
    transition: .3s;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.m-bana5 .con {
    display: block;
}
.m-bana5 .li3 .con .img,
.m-bana5 .con:hover .img {
    /*display: block;
    */
    opacity: 1;
    transform: translateX(-50%) scale(1);
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
}

.m-bana5 .con:hover .cirlce:before {
    /* width: 160px;
    height: auto; */
    background-color: transparent;
}

.m-bana5 .cirlce .after {
    /* position: absolute; */
    content: '';
    /* top: 50%; */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /* left: 50%;
    margin-left: -50%;
    margin-top: -50%; */
    /* -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); */
    -webkit-animation: ani_scale1 2.4s linear infinite;
    animation: ani_scale1 2.4s linear infinite;
    background-color: #C2D5F7;
    z-index: -1;
    transition: .3s;
    margin: 0 auto;
}

.m-bana5 .con:hover .cirlce .after {
    opacity: 0;
}

@keyframes ani_scale1 {
    0% {
        -webkit-transform: scale(0.2);
        -moz-transform: scale(0.2);
        -ms-transform: scale(0.2);
        -o-transform: scale(0.2);
        transform: scale(0.2);
    }

    50% {
        opacity: .8;
    }

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

@-webkit-keyframes ani_scale1 {
    0% {
        -webkit-transform: scale(0.2);
        -moz-transform: scale(0.2);
        -ms-transform: scale(0.2);
        -o-transform: scale(0.2);
        transform: scale(0.2);
    }

    50% {
        opacity: .8;
    }

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



.m-bana5 .txt {
    margin-top: 35px;
    transition: .3s;
    font-size: 20px;
}

.m-bana5 .item:hover .txt {
    color: #204EAA;
}

.m-bana5-m.slick-slider {
    display: none;
}

.m-bana5-pc.slick-slider {
    display: block;
}

#a5bg {
    position: absolute;
    top: 18.5%;
    left: -1%;
    right: -2.5%;
    opacity: 0.12;
}

/*  */
.row-a4 {
    padding: 65px 0 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    overflow: hidden;
    width: 100%;
}

.m-a4 {
    /* padding: 46px 0; */
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    padding-bottom: 20px;
    /* z-index: 2; */
}

.g-tita4 {
    text-align: left;
    padding: 0 100px 0 210px;
    width: 82%;
}

.g-tita4 .g-titidx1 {
    display: block;
    background-position: left top;
    text-align: left;
}

.g-tita4 .g-titidx1 .tit {
    text-align: left;
}

.m-a4 .cirlce {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -34%);
    width: 422px;
    height: 422px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /* background-image: url(../images/a7.png); */
    z-index: 3;
    position: absolute;
}

.m-a4 .cirlce2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -44%);
    width: 1126px;
    height: 1126px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /* background-image: url(../images/b1.png); */
    background-image: url(../images/b2.png);
    animation: ani_turn 20s infinite linear;
    z-index: -1;
    /* z-index: 1; */
}

@keyframes ani_turn {
    0% {
        transform: translate(-50%, -44%) rotate(0);
    }

    100% {
        transform: translate(-50%, -44%) rotate(360deg);
    }
}

.m-a4 .cirlce .img {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
}

.m-a4 .cirlce .icon {
    width: 88px;
    height: 120px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    z-index: 3;
    transition: .3s;
}

.m-a4 .cirlce:hover .icon {
    transform: translate(-50%, -58%);
}

.m-a4 .cirlce:before {
    content: "";
    background-color: #C6DAF3;
    position: absolute;
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 10%;
    border-radius: 50%;
    -webkit-animation: 3.5s ease-out infinite warn-3;
    animation: 3.5s ease-out infinite warn-3;
    z-index: -1;
}

.m-a4 .cirlce::after {
    content: "";
    /* background-color: #C6DAF3; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: ani_turn1 20s infinite linear;
    /* z-index: -1; */
    width: 232px;
    height: 232px;
    background-image: url(../images/a7-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 3;
}

@keyframes ani_turn1 {
    0% {
        transform: translate(-50%, -50%) rotate(0);
    }

    100% {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@-webkit-keyframes warn-3 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100%,
    75% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes warn-3 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100%,
    75% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

.g-banco .slider {
    height: 560px;
    overflow: hidden;
    position: relative;
}

.g-banco .con {
    height: 112px;
    display: flex;
    align-items: center;
    padding: 0 190px 0 210px;
    transition: .3s;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.m-ban-inform .con {
    padding-left: 260px;
}

.g-banco .con .after {
    position: absolute;
    left: 108px;
    width: 85px;
    height: 75px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/a8.png);
    content: "";
    opacity: 0;
    transform: translate(-50px, -50%);
    top: 50%;

    transition: .6s;
    transition: .6s;
    -webkit-transform: (-50px, -50%);
    -ms-transform: (-50px, -50%);
    -o-transform: (-50px, -50%);
    transform: (-50px, -50%);
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.m-ban-inform .con .after {
    left: auto;
    right: 95px;
    background-image: url(../images/a8-1.png);
    transform: translate(50px, -50%);
}

.g-banco .swiper-slide-active .con .after {
    opacity: 1;
    transform: translate(0, -50%);
    /* animation: skip 2s ;
    -webkit-animation: skip 2s ;
    animation-iteration-count:1;
    animation-fill-mode:forwards; */
}

.m-ban-inform .swiper-slide-active .con .after {
    opacity: 1;
    transform: translate(0, -50%);
    /* animation: skip1 2s ;
    -webkit-animation: skip1 2s ;
    animation-iteration-count:1;
    animation-fill-mode:forwards; */
}

/* @keyframes skip {
    0% {
      transform: translateX(-50px);
      opacity: 0;
    }
    100% {
        transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes skip1 {
    0% {
      transform: translateX(50px);
      opacity: 0;
    }
    100% {
        transform: translateX(0);
      opacity: 1;
    }
  } */
/* @-webkit-keyframes skip {
    0% {
      transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      opacity: 0;
    }
    100% {
      transform: translate(-50%,0);
      -webkit-transform: translate(-50%,0);
      -moz-transform: translate(-50%,0);
      -ms-transform: translate(-50%,0);
      -o-transform: translate(-50%,0);
      opacity: 1;
    }
  } */
.g-banco .swiper-slide-active .con {
    /* background-image: url(../images/a6.png); */
    color: #fff;
    height: 132px;
}

.m-ban-inform .swiper-slide-active .con {
    /* background-image: url(../images/a6-1.png); */
    color: #fff;
}

.g-banco .date {
    padding-right: 50px;
    position: relative;
    margin-right: 50px;
    text-align: center;
    min-width: 136px;
}

.g-banco .swiper-slide-active .date {
    color: #fff;
}

.g-banco .date::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 66px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/a5.png);
    content: "";
}

.m-ban-inform .date::after {
    background-image: url(../images/a9.png);
}

.g-banco .swiper-slide-active .con .date::after {
    background-image: url(../images/a5-1.png);
}

.m-ban-inform .swiper-slide-active .con .date::after {
    background-image: url(../images/a9-1.png);
}

.g-banco .d1 {
    color: #204EAA;
    font-size: 26px;
    padding: 0 10px;
}

.m-ban-inform .d1 {
    color: #BDA05C;
}

.g-banco .swiper-slide-active .d1 {
    color: #fff;
}

.g-banco .d2 {
    font-size: 14px;
}

.g-banco .desc {
    font-size: 16px;
    transition: .3s;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space:nowrap;
    height: 1.5em;
}

.g-banco .swiper-slide-active:hover .desc .g-line-animate {
    background-size: 100% 1px;
}

/* .m-ban-inform .slider{
    height: 560px;
    overflow: hidden;
} */
.m-a4cor {
    width: 48%;
    float: right;

}

.m-a4col {
    width: 48%;
    float: left;
}

.m-a4col .inner,
.m-a4cor .inner {
    padding: 46px 0;

}

/* 响应式 */
@media only screen and (min-width: 1920px) {
    .m-a5 {}

    .m-a5 .bg {}

    .m-a5 .cont {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 0 5.729vw;
    }

    .m-bana5 {}

    .m-bana5 .slick-arrow {
        top: 50%;
        transform: translateY(-50%);
        width: 2.604vw;
        height: 2.604vw;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-size: 1.25vw;
        border: 1px solid #204EAA;
        font-size: 0;
        transition: .3s;
        opacity: .5;
    }

    .m-bana5 .slick-arrow:hover {
        opacity: 1;
    }

    .m-bana5 .slick-next {
        background-image: url(../images/a2.png);
        right: 0;
    }

    .m-bana5 .slick-next:hover {
        background-image: url(../images/a2-1.png);
    }

    .m-bana5 .slick-prev {
        background-image: url(../images/a1.png);
        left: 0;
    }

    .m-bana5 .slick-prev:hover {
        background-image: url(../images/a1-1.png);
    }

    .m-bana5 .item {
        height: 35.41vw;
    }

    .m-bana5 .li {
        min-width: 7.291vw;
    }

    .m-bana5 .li1 {
        top: 53%;
    }

    .m-bana5 .li2 {
        top: 29%;
    }

    .m-bana5 .li3 {
        top: 54%;
    }

    .m-bana5 .li4 {
        top: 43%;
    }

    .m-bana5 .li5 {
        top: 52%;
    }

    .m-bana5 .img {
        /*
        */
        opacity: 0;
        top: -5.729vw;
        width: 7.291vw;
        transform: translateX(-50%) scale(0);
        -webkit-transform: translateX(-50%) scale(0);
        -moz-transform: translateX(-50%) scale(0);
        -ms-transform: translateX(-50%) scale(0);
        -o-transform: translateX(-50%) scale(0);
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
    }

    .m-bana5 .cirlce {
        background: #204EAA;
        width: 1.041vw;
        height: 1.041vw;
        margin: 0 auto;
        border-radius: 50%;
        transition: .3s;
    }

    .m-bana5 .con {}

    .m-bana5 .con:hover .img {
        /*
        */
        opacity: 1;
        transform: translateX(-50%) scale(1);
        -webkit-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
    }

    .m-bana5 .con:hover .cirlce {
        /* width: 8.333vw;
        height: auto; */
    }

    .m-bana5 .cirlce .after {
        /* content: '';
        top: 50%; */
        width: 2.604vw;
        height: 2.604vw;
        /* border-radius: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-animation: ani_scale1 2.4s linear infinite;
        animation: ani_scale1 2.4s linear infinite;
        transition: .3s; */
    }

    .m-bana5 .con:hover .cirlce::after {
        opacity: 0;
    }

    /* @keyframes ani_scale1 {
        0% {
            transform: translate(-50%, -50%) scale(0.2);
        }

        50% {
            opacity: .8;
        }

        100% {
            transform: translate(-50%, -50%) scale(1.06);
            opacity: 0;
        }
    } */

    .m-bana5 .txt {
        margin-top: 1.822vw;
        transition: .3s;
        font-size: 1.041vw;
    }

    .m-bana5 .item:hover .txt {}

    .m-bana5-m.slick-slider {}

    .m-bana5-pc.slick-slider {}

    /*  */
    .row-a4 {
        padding: 3.385vw 0 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    .m-a4 {
        /* padding: 2.395vw 0; */
        background-repeat: no-repeat;
        background-size: 100% auto;
        padding-bottom: 1.041vw;
        /*  */
    }

    .g-tita4 {
        padding: 0 5.208vw 0 10.93vw;
    }

    .g-tita4 .g-titidx1 {}

    .g-tita4 .g-titidx1 .tit {}

    .m-a4 .cirlce {
        top: 50%;
        transform: translate(-50%, -34%);
        width: 21.97vw;
        height: 21.97vw;
        background-repeat: no-repeat;
        background-size: contain;
        /* background-image: url(../images/a7.png); */
    }

    .m-a4 .cirlce::after {
        content: "";
        /*  */
        top: 50%;
        transform: translate(-50%, -50%);
        animation: ani_turn1 20s infinite linear;
        /* -1; */
        width: 12.08vw;
        height: 12.08vw;
        background-image: url(../images/a7-2.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .m-a4 .cirlce .icon {
        width: 4.583vw;
        height: 6.25vw;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: .3s;
    }

    .m-a4 .cirlce2 {
        top: 50%;
        transform: translate(-50%, -44%);
        width: 58.64vw;
        height: 58.64vw;
        background-repeat: no-repeat;
        background-size: contain;
        /* background-image: url(../images/b1.png); */
        background-image: url(../images/b2.png);
        animation: ani_turn 20s infinite linear;
        /*  */
    }

    @keyframes ani_turn {
        0% {
            transform: translate(-50%, -44%) rotate(0);
        }

        100% {
            transform: translate(-50%, -44%) rotate(360deg);
        }
    }

    .m-a4 .cirlce .img {}

    .m-a4 .cirlce:before {
        content: "";
        right: 10%;
        top: 10%;
        bottom: 10%;
        border-radius: 50%;
        -webkit-animation: 3.5s ease-out infinite warn-3;
        animation: 3.5s ease-out infinite warn-3;
    }

    @-webkit-keyframes warn-3 {
        0% {
            opacity: 1;
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        100%,
        75% {
            opacity: 0;
            -webkit-transform: scale(2);
            transform: scale(2)
        }
    }

    @keyframes warn-3 {
        0% {
            opacity: 1;
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        100%,
        75% {
            opacity: 0;
            -webkit-transform: scale(2);
            transform: scale(2)
        }
    }

    .g-banco .slider {
        height: 29.16vw;
    }

    .g-banco .con {
        height: 5.833vw;
        align-items: center;
        padding: 0 9.895vw 0 10.93vw;
        transition: .3s;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .m-ban-inform .con {
        padding-left: 13.54vw;
    }

    .g-banco .con .after {
        left: 5.625vw;
        width: 4.427vw;
        height: 3.906vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/a8.png);
        content: "";
        opacity: 0;
        transform: translateX(-2.604vw);
        transition: .6s;
    }

    .m-ban-inform .con .after {
        left: auto;
        right: 4.947vw;
        background-image: url(../images/a8-1.png);
        transform: translateX(2.604vw);
    }

    .g-banco .swiper-slide-active .con .after {
        opacity: 1;
        /* transform: translateX(0); */
        /* animation: skip 2s ;
        -webkit-animation: skip 2s ;
        animation-iteration-count:1;
        animation-fill-mode:forwards; */
    }

    .m-ban-inform .swiper-slide-active .con .after {
        opacity: 1;
        /* transform: translateX(0); */
        /* animation: skip1 2s ;
        -webkit-animation: skip1 2s ;
        animation-iteration-count:1;
        animation-fill-mode:forwards; */
    }

    /* @keyframes skip {
        0% {
          transform: translateX(-2.604vw);
          opacity: 0;
        }
        100% {
            transform: translateX(0);
          opacity: 1;
        }
      }
      @keyframes skip1 {
        0% {
          transform: translateX(2.604vw);
          opacity: 0;
        }
        100% {
            transform: translateX(0);
          opacity: 1;
        }
      } */
    /* @-webkit-keyframes skip {
        0% {
          transform: translate(-50%,-50%);
          -webkit-transform: translate(-50%,-50%);
          -moz-transform: translate(-50%,-50%);
          -ms-transform: translate(-50%,-50%);
          -o-transform: translate(-50%,-50%);
          opacity: 0;
        }
        100% {
          transform: translate(-50%,0);
          -webkit-transform: translate(-50%,0);
          -moz-transform: translate(-50%,0);
          -ms-transform: translate(-50%,0);
          -o-transform: translate(-50%,0);
          opacity: 1;
        }
      } */
    .g-banco .swiper-slide-active .con {
        /* background-image: url(../images/a6.png); */
        height: 6.875vw;
    }

    .m-ban-inform .swiper-slide-active .con {
        /* background-image: url(../images/a6-1.png); */
    }

    .g-banco .date {
        padding-right: 2.604vw;
        margin-right: 2.604vw;
        min-width: 7.083vw;
    }

    .g-banco .swiper-slide-active .date {}

    .g-banco .date::after {
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 0.260vw;
        height: 3.437vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/a5.png);
        content: "";
    }

    .m-ban-inform .date::after {
        background-image: url(../images/a9.png);
    }

    .g-banco .swiper-slide-active .con .date::after {
        background-image: url(../images/a5-1.png);
    }

    .m-ban-inform .swiper-slide-active .con .date::after {
        background-image: url(../images/a9-1.png);
    }

    .g-banco .d1 {
        font-size: 1.354vw;
        padding: 0 0.520vw;
    }

    .m-ban-inform .d1 {}

    .g-banco .swiper-slide-active .d1 {}

    .g-banco .d2 {
        font-size: 0.729vw;
    }

    .g-banco .desc {
        font-size: 0.833vw;
    }

    /* .m-ban-inform .slider{
        height: 29.16vw;
    } */
    .m-a4cor {}

    .m-a4col {}

    .m-a4col .inner,
    .m-a4cor .inner {
        padding: 2.395vw 0;
    }
}

@media only screen and (min-width: 959px) and (max-width: 1900px) {
    .m-a5 {}

    .m-a5 .bg {}

    .m-a5 .cont {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 0 5.789vw;
    }

    .m-bana5 {}

    .m-bana5 .slick-arrow {
        top: 50%;
        transform: translateY(-50%);
        width: 2.631vw;
        height: 2.631vw;
        border-radius: 50%;
        background-size: 1.263vw auto;
    }

    .m-bana5 .slick-arrow:hover {}

    .m-bana5 .slick-next {
        background-image: url(../images/a2.png);
        right: 0;
    }

    .m-bana5 .slick-next:hover {
        background-image: url(../images/a2-1.png);
    }

    .m-bana5 .slick-prev {
        background-image: url(../images/a1.png);
        left: 0;
    }

    .m-bana5 .slick-prev:hover {
        background-image: url(../images/a1-1.png);
    }

    .m-bana5 .item {
        height: 35.78vw;
    }

    .m-bana5 .li {
        min-width: 7.368vw;
    }

    .m-bana5 .li1 {
        top: 53%;
    }

    .m-bana5 .li2 {
        top: 29%;
    }

    .m-bana5 .li3 {
        top: 54%;
    }

    .m-bana5 .li4 {
        top: 43%;
    }

    .m-bana5 .li5 {
        top: 52%;
    }

    .m-bana5 .img {
        /*  */
        opacity: 0;
        top: -5.789vw;
        width: 7.368vw;
    }

    .m-bana5 .cirlce::before {
        background: #204EAA;
        width: 1.052vw;
        height: 1.052vw;
        margin: 0 auto;
        border-radius: 50%;
        transition: .3s;
    }

    .m-bana5 .con {}

    .m-bana5 .con:hover .img {
        /*  */
        opacity: 1;
    }

    .m-bana5 .con:hover .cirlce {
        /* width: 8.421vw;
        height: auto; */
    }

    .m-bana5 .cirlce .after {
        content: '';
        top: 50%;
        width: 2.631vw;
        height: 2.631vw;
    }

    .m-bana5 .con:hover .cirlce .after {
        opacity: 0;
    }

    .m-bana5 .txt {
        margin-top: 1.842vw;
        transition: .3s;
        font-size: 1.052vw;
    }

    .m-bana5 .item:hover .txt {}

    /*  */
    .row-a4 {
        padding: 3.421vw 0 0;
    }

    .m-a4 {
        /* padding: 2.421vw 0; */
    }

    .m-a4col .inner,
    .m-a4cor .inner {
        padding: 2.421vw 0;
    }

    .g-tita4 {
        padding: 0 5.263vw 0 7.05vw;
    }

    .g-tita4 .g-titidx1 {}

    .g-tita4 .g-titidx1 .tit {}

    .m-a4 .cirlce {
        top: 50%;
        /* transform: translate(-50%, -50%); */
        width: 22.21vw;
        height: 22.21vw;
    }

    .m-a4 .cirlce2 {
        top: 50%;
        /* transform: translate(-50%, -50%); */
        width: 59.26vw;
        height: 59.26vw;
    }

    .m-a4 .cirlce .img {}

    .m-a4 .cirlce::after {
        content: "";
        /*  */
        top: 50%;
        transform: translate(-50%, -50%);
        animation: ani_turn1 20s infinite linear;
        /* -1; */
        width: 12.21vw;
        height: 12.21vw;
        background-image: url(../images/a7-2.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .m-a4 .cirlce .icon {
        width: 4.631vw;
        height: 6.315vw;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: .3s;
    }

    .m-a4 .cirlce:before {
        content: "";
        right: 10%;
        top: 10%;
        bottom: 10%;
        border-radius: 50%;
        -webkit-animation: 1.6s ease-out infinite warn-3;
        animation: 1.6s ease-out infinite warn-3;
    }

    .g-banco .slider {
        height: 29.47vw;
    }

    .g-banco .con {
        height: 5.894vw;
        align-items: center;
        padding: 0 10vw 0 7.05vw;
        transition: .3s;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .m-ban-inform .con {
        padding-left: 12vw;
    }

    .g-banco .con .after {
        left: 1.684vw;
        width: 4.473vw;
        height: 3.947vw;
    }

    .m-ban-inform .con .after {
        left: auto;
        right: 5vw;
        background-image: url(../images/a8-1.png);
    }

    .g-banco .swiper-slide-active .con .after {
        opacity: 1;
    }

    .g-banco .swiper-slide-active .con {
        /* background-image: url(../images/a6.png); */
        height: 6.947vw;
    }

    .m-ban-inform .swiper-slide-active .con {
        /* background-image: url(../images/a6-1.png); */
    }

    .g-banco .date {
        padding-right: 2.631vw;
        margin-right: 2.631vw;
        min-width: 7.157vw;
    }

    .g-banco .swiper-slide-active .date {}

    .g-banco .date::after {
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 0.263vw;
        height: 3.473vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/a5.png);
        content: "";
    }

    .m-ban-inform .date::after {
        background-image: url(../images/a9.png);
    }

    .g-banco .swiper-slide-active .con .date::after {
        background-image: url(../images/a5-1.png);
    }

    .m-ban-inform .swiper-slide-active .con .date::after {
        background-image: url(../images/a9-1.png);
    }

    .g-banco .d1 {
        font-size: 1.368vw;
        padding: 0 0.526vw;
    }

    .m-ban-inform .d1 {}

    .g-banco .swiper-slide-active .d1 {}

    .g-banco .d2 {
        font-size: 0.736vw;
    }

    .g-banco .desc {
        font-size: 0.842vw;
    }

    /* .m-ban-inform .slider{
        height: 29.47vw;
    } */
    .m-a4cor {}

    .m-a4col {}
}

@media only screen and (max-width: 1199px) {
    .g-banco .con .after {
        left: .8vw;
    }

    .g-banco .date {
        padding-right: 1.631vw;
        margin-right: 1.631vw;
        min-width: 8.157vw;
    }

    .g-banco .con {
        padding-left: 5vw;
    }

    .g-banco .con::after {
        left: 0.684vw;
        width: 3.473vw;
        height: 2.947vw;
    }

    .m-ban-inform .con {
        padding-left: 12vw;
    }

    .m-ban-inform .con .after,
    .m-ban-inform .con::after {
        left: auto;
        right: 5vw;
    }

    .m-a4col .inner,
    .m-a4cor .inner {
        padding: 3vw 0 2vw;
    }

    .g-banco .con {
        height: 8.4vw;
    }
}

@media only screen and (max-width: 959px) {
    .g-banco .con .after {
        display: none;
    }

    .row-a5 {
        position: relative;
    }

    .m-a5 {
        position: static;
    }

    .m-a4 {
        background-size: 0;
    }

    .g-tita4 {
        padding: 0 15px;
        width: 100%;
    }

    .g-banco .swiper-pagination-bullet {
        background-color: #204EAA;
    }

    .m-a4col .inner,
    .m-a4cor .inner {
        padding: 0;
    }

    .m-a4 .cirlce {
        display: none;
    }

    .m-a4 .cirlce2 {
        display: none;
    }

    .m-a4col {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }

    .m-a4cor {
        float: none;
        width: 100%;
    }

    .g-banco .con {
        /* height: 80px; */
        padding: 0 20px;
    }

    .g-banco .con::after {
        display: none;
    }

    .g-banco .swiper-slide-active .con {
        height: 80px;
        background-image: none;
        color: #333;
    }

    .g-banco .swiper-slide-active .date {
        color: #333;
    }

    .g-banco .swiper-slide-active .d1 {
        color: #333;
    }

    .g-banco .slider {
        height: 472px;
        /* height: auto; */
    }

    .m-bana5 .li {
        position: relative;
        left: auto;
        top: auto;
        display: inline-block;
        padding-top: 20px;
    }

    .m-bana5 .item {
        height: auto;
        /* padding: 0 10px; */
    }

    .m-bana5 {
        padding: 0 40px;
    }

    .m-bana5 .li {
        min-width: auto;
    }

    .m-a5 .cont {
        top: auto;
        transform: translateY(0);
        padding: 20px;
        position: relative;
    }

    .m-bana5 .txt {
        font-size: 16px;
        margin-top: 20px;
    }

    .m-bana5 .img {
        position: relative;
        opacity: 1;
        left: auto;
        top: auto;
        width: 60px;
        margin: 0 auto;
        transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
        -moz-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        -o-transform: translateX(0) !important;
    }

    .m-bana5 .cirlce {
        display: none;
    }

    .m-a5 .bg {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .m-bana5-m.slick-slider {
        display: block;
        /* padding: 0 40px; */
    }

    .m-bana5-pc.slick-slider {
        display: none;
    }

    .row-a5 {
        padding: 40px 0;
    }

    .m-a4 {
        padding: 0;
    }

    .g-banco .date {
        margin-right: 10px;
        min-width: 100px;
        padding-right: 0;
        border-right: 1px solid #C2D5F7;
    }

    .g-banco .date::after {
        display: none;
    }

    .g-banco .d1 {
        color: #333;
    }
}

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


    .g-banco .d1 {
        font-size: 16px;
    }

    .g-banco .d2 {
        font-size: 12px;
    }

    .g-banco .con {
        height: 60px;
        padding: 0 15px;
    }

    .g-banco .slider {
        height: 300px;
        padding-bottom: 0;
    }

    .g-banco .con {
        height: auto;
        min-height: 70px;
    }

    .g-banco .swiper-slide-active .con {
        height: auto;
        min-height: 70px;
    }

    .m-bana5 .txt {
        font-size: 14px;
        margin-top: 15px;
    }

    .m-bana5 .slick-arrow {
        width: 35px;
        height: 35px;
        background-size: 16px auto;
    }

    .g-banco .desc {
        font-size: 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-bana5 .li {
        padding: 10px 0 0;
    }


}

/* 内页 */
.g-bgbox {
    background: linear-gradient(180deg, #EAEFF9 0%, #F1FAFF 100%);
    position: relative;
    margin-bottom: -20px;
}

.g-bgbox::before {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 646px;
    bottom: -80px;
    content: "";
    background-image: url(../images/content/bg_bot.png);
}

.g-bgbox .wp {
    position: relative;
    z-index: 1;
}

/* list-img */
.row-img {
    padding: 120px 0 86px;
    padding: 50px 0 86px;
    /* background-color: rgba(236, 242, 251, 1); */
}

.g-ban .pic {
    padding-top: 30%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

}

.g-ban .txt {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-32%);
    color: #fff;
}

.g-ban .tit {
    font-family: SourceHanSerifCN;
    font-size: 42px;
    padding-bottom: 16px;
    width: 570px;
    border-bottom: 1px solid #d8d8d8;
    position: relative;
    margin-bottom: 30px;
}

.g-ban .tit::after {
    position: absolute;
    left: 0;
    bottom: -1px;
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/content/a1.png);
    width: 188px;
    height: 4px;
}

.row-banbox {
    position: relative;
    /* padding-bottom: 40px; */
    z-index: 1;
}

.g-tab {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
}

.ul-listtab1 {
    display: block;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url(../images/content/e-bg1.png);
    padding-left: 150px;

}

.ul-listtab1 li {
    display: inline-block;
    margin: 0 20px;
}

.ul-listtab1 .con {
    display: block;
    padding: 0 40px;
    line-height: 80px;
    font-size: 18px;
    color: #fff;
    position: relative;
}

.ul-listtab1 .con::after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 219px;
    height: 219px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/content/e-icon2.png);
    opacity: 0;
}

.ul-listtab1 .on .con::after {
    opacity: 1;
}

.ul-listtab1 .txt {
    position: relative;
    z-index: 1;
    transition: .3s;
}

.ul-listtab1 .txt:hover {
    text-decoration: underline;
    opacity: .8;
}

.ul-listimg1 {
    margin: 30px 0;
}

.ul-listimg1 li {
    margin-bottom: 10px;
}

.ul-listimg1 .con {
    display: block;
    padding: 40px 0;
    position: relative;
    transition: .3s;
}

.ul-listimg1 .con::after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-image: url(../images/content/a2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    transition: .3s;
}


.ul-listimg1 .pic {
    /* float: left; */
    width: 383px;
    margin-right: 55px;
}

.ul-listimg1 .pic img {
    display: block;
    width: 100%;
}

.ul-listimg1 .inner {
    position: relative;
    z-index: 1;
    display: flex;
}

.ul-listimg1 .txt {
    /* overflow: hidden; */
    flex: 1;
    padding: 24px 00 0;
}

.ul-listimg1 .txt-box {
    padding-right: 170px;
}

.ul-listimg1 .tit {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 22px;
    display: block;
    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;
    transition: .3s;
}

.ul-listimg1 .desc {
    font-size: 16px;
    color: #666;
    margin-bottom: 50px;
    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;
    height: 3em;
    transition: .3s;

}

.ul-listimg1 .line {
    background-image: url(../images/content/e-line1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    height: 7px;
    margin-bottom: 15px;
    transition: .3s;
    position: relative;
}

.ul-listimg1 .line::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    background-image: url(../images/content/e-icon1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    width: 85px;
    height: 75px;
    transition: .3s;
}

.ul-listimg1 .info {
    font-size: 18px;
    color: #999;
    transition: .3s;
    padding-left: 30px;
}

.ul-listimg1 .info span {
    font-size: 18px;

    color: #204EAA;
    display: inline-block;
    margin-right: 20px;
    transition: .3s;
}

@media only screen and (min-width: 1199px) {
    .ul-listimg1 .con:hover {
        padding: 40px 0 40px 40px;
    }

    .ul-listimg1 .con:hover::after {
        width: 100%;
    }

    .ul-listimg1 .con:hover .tit {
        color: #fff;
    }

    .ul-listimg1 .con:hover .desc {
        color: rgba(255, 255, 255, .7);
    }

    .ul-listimg1 .con:hover .line::after {
        background-image: url(../images/content/e-icon1-on.png);
        right: -46px;
    }

    .ul-listimg1 .con:hover .line {
        background-image: url(../images/content/e-line1-on.png);
    }

    .ul-listimg1 .con:hover .info {
        color: #fff;
    }

    .ul-listimg1 .con:hover .info span {
        color: #BDA05C;
    }
}

/* list-txt */
.ul-listtxt2 {
    margin: 40px 0 30px;
}

.ul-listtxt2 li {
    margin-bottom: 30px;
}

.ul-listtxt2 .con {
    display: block;
    position: relative;
    transition: .3s;
    padding: 0 90px 0 130px;
}

.ul-listtxt2 .con::after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-image: url(../images/content/e-bg1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    transition: .3s;
}

.ul-listtxt2 .inner {
    position: relative;
    z-index: 1;
    height: 130px;
    display: flex;
    align-items: center;
}

.ul-listtxt2 .inner::after {
    position: absolute;
    right: -75px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/content/e-icon1.png);
    content: "";
    width: 85px;
    height: 75px;
}

.ul-listtxt2 .d1 {
    font-size: 30px;

    color: #204EAA;
}

.ul-listtxt2 .date {
    text-align: center;
    padding-right: 106px;
    margin-right: 102px;
    position: relative;
}

.ul-listtxt2 .date::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/content/e-line2.png);
    content: "";
    width: 5px;
    height: 66px;
}

.ul-listtxt2 .d2 {
    font-size: 16px;

    color: #204EAA;
    transition: .3s;
}

.ul-listtxt2 .tit {
    font-size: 22px;
    transition: .3s;
}

@media only screen and (min-width: 1199px) {
    .ul-listtxt2 .con:hover {
        color: #fff;
    }

    .ul-listtxt2 .con:hover::after {
        width: 100%;
    }

    .ul-listtxt2 .con:hover .inner::after {
        background-image: url(../images/content/e-icon1-on.png);
    }

    .ul-listtxt2 .con:hover .date::after {
        background-image: url(../images/content/e-line2-on.png);
    }

    .ul-listtxt2 .con:hover .d1 {
        color: #fff;
    }

    .ul-listtxt2 .con:hover .d2 {
        color: #fff;
    }
}

/* details */
.row-details {
    padding: 140px 0 87px;
}

.m-details .top {
    /* border-bottom: 1px solid #ddd; */
    /* padding: 0 0 24px 10px; */
    position: relative;
    margin-bottom: 45px;
}

.m-details .top .inner {
    z-index: 1;
    padding: 12px 32px 12px 56px;
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.m-details .top::before {
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 6px;
    top: 0;
    /* height: 100%; */
    /* height: 176px; */
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-color: #02885B; */
    background: linear-gradient(180deg, #0C8ADE 0%, #0D42A7 100%);
}

.m-details .desc {
    font-size: 18px;
    line-height: 2;
}

.m-details .tit {
    font-size: 30px;
    margin-bottom: 6px;
}

.m-details .info {
    font-size: 16px;
    color: #888888;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.m-details .info .share {
    display: flex;
    align-items: center;
}

.m-details .info .size {
    font-size: 18px;
    color: #666666;
    margin-right: 56px;
}

.m-details .info .size a {
    color: #666666;
    transition: .3s;
    margin: 0 4px;
}

.m-details .info .size a.on {
    color: #0D42A7;
}

.m-details .info .size a:hover {
    /* text-decoration: underline; */
    color: #0D42A7;
}

.m-details .info .ort {

    padding-left: 36px;
    background-position: left center;
    background-size: 23px auto;
    background-repeat: no-repeat;
    font-size: 16px;
    color: #666;
}

.m-details .info .ort span {
    display: inline-block;
    margin-right: 50px;
}

.m-details .info .ort a {
    color: #0D42A7;
    transition: .3s;
}

.m-details .info .ort a:hover {
    text-decoration: underline;
}

.m-details .desc {
    font-size: 18px;
    color: #666;
}

.m-details .txt {
    padding-bottom: 70px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 38px;
    position: relative;
    bottom: 0;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.m-details img {
    display: block;
}

/* .m-details .txt::before{
    width: 100px;
    height: 6px;
} */
.m-details .txt::after {
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../images/content/a3.png);
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 106px;
    height: 6px;
}

.m-details .pages-box {
    font-size: 18px;
    color: #0D42A7;
}

.m-details .pages-box a {
    color: #666;
    transition: .3s;
}

.m-details .pages-box .prev {
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
}

.m-details .pages-box .next {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
}

.m-details .pages-box a:hover {
    color: #0D42A7;
    text-decoration: underline;
}

.m-details .date {
    font-size: 16px;
    text-align: right;
    color: #888888;
    margin-top: 30px;
}

/* 分享 */
.share-box {
    /* margin-bottom: 46px; */
    display: inline-block;
    float: right;
}

.bd_weixin_popup {
    box-sizing: content-box;
}

.jump-icon {
    text-align: right;
    /* background-color: #fff; */
    display: block;
    position: relative;
    z-index: 1;
    /* padding: 0 30px; */
}

.jump-icon .con {
    display: inline-block;
    margin: 0 4px;
}

.jump-icon .con a {
    width: 32px;
    height: 32px;
    /* border: 1px solid #EAECED; */
    border-radius: 2px;
    background-color: transparent;
    display: block;
    position: relative;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/content/s-a6.png);
    padding-left: 0;
    margin-right: 0;
    transition: .3s;
}



.jump-icon .con2 a {
    background-image: url(../images/content/s-a9.png);
    /* background-size: 23px auto; */
}



.jump-icon .con3 a {
    background-image: url(../images/content/s-a8.png);
    /* background-size: 28px auto; */
}




.jump-icon .con4 a {
    background-image: url(../images/content/s-a7.png);
    /* background-size: 27px auto; */
}

.jump-icon .con5 a {
    background-image: url(../images/content/s-b1.png);
    /* background-size: 27px auto; */
}

#bsBox,
#bsWXBox {
    box-sizing: content-box;
}

/* 分享结束 */
/* details end*/

/* 内页响应式 */
@media only screen and (min-width: 1199px) and (max-width: 1700px) {

    /* 内页 */
    .g-bgbox {
        background: linear-gradient(180deg, #EAEFF9 0%, #F1FAFF 100%);

    }

    .g-bgbox::before {
        left: 0;
        right: 0;
        background-repeat: no-repeat;
        background-size: contain;
        height: 38vw;
        bottom: -4.705vw;
        content: "";
        background-image: url(../images/content/bg_bot.png);
    }

    .g-bgbox .wp {}

    /* list-img */
    .row-img {
        padding: 4.235vw 0 3.882vw;
        /*  */
    }

    .g-ban .pic {
        background-repeat: no-repeat;
        background-size: cover;
    }

    .g-ban .txt {
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .g-ban .tit {
        font-family: SourceHanSerifCN;
        font-size: 2.470vw;
        padding-bottom: 0.941vw;
        width: 33.52vw;
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 1.764vw;
    }

    .g-ban .tit::after {
        left: 0;
        bottom: -1px;
        content: "";
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../images/content/a1.png);
        width: 11.05vw;
        height: 0.235vw;
    }

    .row-banbox {
        /* padding-bottom: 2.352vw; */
    }

    .g-tab {
        left: 0;
        right: 0;
        bottom: -2.352vw;
    }

    .ul-listtab1 {
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../images/content/e-bg1.png);
        padding-left: 8.823vw;
    }

    .ul-listtab1 li {
        margin: 0 1.352vw;
    }

    .ul-listtab1 .con {
        padding: 0 2.352vw;
        line-height: 4.705vw;
        font-size: 1.058vw;
    }

    .ul-listtab1 .con::after {
        top: 50%;
        transform: translate(-50%, -50%);
        content: "";
        width: 12.88vw;
        height: 12.88vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/content/e-icon2.png);
        opacity: 0;
    }

    .ul-listtab1 .on .con::after {
        opacity: 1;
    }

    .ul-listtab1 .txt {
        transition: .3s;
    }

    .ul-listtab1 .txt:hover {
        text-decoration: underline;
        opacity: .8;
    }

    .ul-listimg1 {
        margin: 1.764vw 0;
    }

    .ul-listimg1 li {
        margin-bottom: 0.588vw;
    }

    .ul-listimg1 .con {
        padding: 2.352vw 0;
        transition: .3s;
    }

    .ul-listimg1 .con:hover {
        padding: 2.352vw 0 2.352vw 2.352vw;
    }

    .ul-listimg1 .con::after {
        left: 0;
        top: 0;
        bottom: 0;
        background-image: url(../images/content/a2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        transition: .3s;
    }

    .ul-listimg1 .con:hover::after {}

    .ul-listimg1 .pic {
        width: 22.52vw;
        margin-right: 3.235vw;
    }

    .ul-listimg1 .inner {}

    .ul-listimg1 .txt {
        /*  */
        flex: 1;
        padding: .8vw 00 0;
    }

    .ul-listimg1 .txt-box {
        padding-right: 10vw;
    }

    .ul-listimg1 .tit {
        font-size: 1.294vw;
        font-weight: bold;
        margin-bottom: 1.294vw;
        /* white-space: nowrap; */
        /* height: 1.5em; */
        transition: .3s;
    }

    .ul-listimg1 .con:hover .tit {}

    .ul-listimg1 .desc {
        font-size: 0.941vw;
        margin-bottom: 0.941vw;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 3em;
        transition: .3s;
    }

    .ul-listimg1 .con:hover .desc {}

    .ul-listimg1 .line {
        background-image: url(../images/content/e-line1.png);
        background-repeat: no-repeat;
        background-size: contain;
        height: 0.411vw;
        margin-bottom: 0.882vw;
        transition: .3s;
    }

    .ul-listimg1 .line::after {
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        content: "";
        background-image: url(../images/content/e-icon1.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 5vw;
        height: 4.411vw;
        transition: .3s;
    }

    .ul-listimg1 .con:hover .line::after {
        background-image: url(../images/content/e-icon1-on.png);
        right: -2.705vw;
    }

    .ul-listimg1 .con:hover .line {
        background-image: url(../images/content/e-line1-on.png);
    }

    .ul-listimg1 .info {
        font-size: 1.058vw;
        transition: .3s;
        padding-left: 1.764vw;
    }

    .ul-listimg1 .con:hover .info {}

    .ul-listimg1 .info span {
        font-size: 1.058vw;
        margin-right: 1.176vw;
        transition: .3s;
    }

    .ul-listimg1 .con:hover .info span {}

    /* list-txt */
    .ul-listtxt2 {
        margin: 2.352vw 0 1.764vw;
    }

    .ul-listtxt2 li {
        margin-bottom: 1.764vw;
    }

    .ul-listtxt2 .con {
        transition: .3s;
        padding: 0 6.117vw 0 7.647vw;
    }

    .ul-listtxt2 .con:hover {}

    .ul-listtxt2 .con::after {
        left: 0;
        top: 0;
        bottom: 0;
        background-image: url(../images/content/e-bg1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        transition: .3s;
    }

    .ul-listtxt2 .con:hover::after {}

    .ul-listtxt2 .inner {
        height: 7.647vw;
        align-items: center;
    }

    .ul-listtxt2 .inner::after {
        right: -4vw;
        top: 50%;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/content/e-icon1.png);
        content: "";
        width: 5vw;
        height: 4.411vw;
    }

    .ul-listtxt2 .con:hover .inner::after {
        background-image: url(../images/content/e-icon1-on.png);
    }

    .ul-listtxt2 .d1 {
        font-size: 1.764vw;
    }

    .ul-listtxt2 .date {
        padding-right: 6.235vw;
        margin-right: 6vw;
    }

    .ul-listtxt2 .date::after {
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/content/e-line2.png);
        content: "";
        width: 0.294vw;
        height: 3.882vw;
    }

    .ul-listtxt2 .con:hover .date::after {
        background-image: url(../images/content/e-line2-on.png);
    }

    .ul-listtxt2 .d2 {
        font-size: 0.941vw;
        transition: .3s;
    }

    .ul-listtxt2 .tit {
        font-size: 1.294vw;
        transition: .3s;
    }

    .ul-listtxt2 .con:hover .d1 {}

    .ul-listtxt2 .con:hover .d2 {}

    /* details */
    .row-details {
        padding: 5.294vw 0 5.117vw;
    }

    .m-details .top {
        /* border-bottom: 1px solid #ddd; */
        /* padding: 0 0 1.411vw 0.588vw; */
        margin-bottom: 2.647vw;
    }

    .m-details .top .inner {
        padding: 0.705vw 1.882vw 0.705vw 3.294vw;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .m-details .top::before {
        left: 0;
        bottom: 0.882vw;
        width: 0.352vw;
        top: 0;
        /*  */
        /* height: 10.35vw; */
        content: "";
        background-repeat: no-repeat;
        background-size: cover;
        /*  */
        background: linear-gradient(180deg, #0C8ADE 0%, #0D42A7 100%);
    }

    .m-details .desc {
        font-size: 1.058vw;
        line-height: 2;
    }

    .m-details .tit {
        font-size: 1.764vw;
        margin-bottom: 0.352vw;
    }

    .m-details .info {
        font-size: 0.941vw;
        align-items: center;
        justify-content: space-between;
    }

    .m-details .info .share {
        align-items: center;
    }

    .m-details .info .size {
        font-size: 1.058vw;
        margin-right: 3.294vw;
    }

    .m-details .info .size a {
        transition: .3s;
        margin: 0 0.235vw;
    }

    .m-details .info .size a.on {}

    .m-details .info .size a:hover {
        /* text-decoration: underline; */
    }

    .m-details .info .ort {

        padding-left: 2.117vw;
        background-size: 1.352vw auto;
        background-repeat: no-repeat;
        font-size: 0.941vw;
    }

    .m-details .info .ort span {
        margin-right: 2.941vw;
    }

    .m-details .info .ort a {
        transition: .3s;
    }

    .m-details .info .ort a:hover {
        text-decoration: underline;
    }

    .m-details .desc {
        font-size: 1.058vw;
    }

    .m-details .txt {
        padding-bottom: 4.117vw;
        border-bottom: 1px solid #ddd;
        margin-bottom: 2.235vw;
        bottom: 0;
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
    }

    /* .m-details .txt::before{
        width: 5.882vw;
        height: 0.352vw;
    } */
    .m-details .txt::after {
        left: 0;
        bottom: 0;
        background-image: url(../images/content/a3.png);
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        width: 6.235vw;
        height: 0.352vw;
    }

    .m-details .pages-box {
        font-size: 1.058vw;
    }

    .m-details .pages-box a {
        transition: .3s;
    }

    .m-details .pages-box .prev {
        margin-bottom: 0.588vw;
    }

    .m-details .pages-box a:hover {
        text-decoration: underline;
    }

    .m-details .date {
        font-size: 0.941vw;
        margin-top: 1.764vw;
    }

    /* 分享 */
    .share-box {
        /* margin-bottom: 2.705vw; */
    }

    .bd_weixin_popup {
        box-sizing: content-box;
    }

    .jump-icon {
        /*  */
        /* padding: 0 1.764vw; */
    }

    .jump-icon .con {
        margin: 0 0.235vw;
    }

    .jump-icon .con a {
        width: 1.882vw;
        height: 1.882vw;
        /* border: 1px solid #EAECED; */
        border-radius: 0.117vw;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../images/content/s-a6.png);
        transition: .3s;
    }

    .jump-icon .con2 a {
        background-image: url(../images/content/s-a9.png);
        /* background-size: 1.352vw auto; */
    }

    .jump-icon .con3 a {
        background-image: url(../images/content/s-a8.png);
        /* background-size: 1.647vw auto; */
    }

    .jump-icon .con4 a {
        background-image: url(../images/content/s-a7.png);
        /* background-size: 1.588vw auto; */
    }

    .jump-icon .con5 a {
        background-image: url(../images/content/s-b1.png);
        /* background-size: 1.588vw auto; */
    }

    #bsBox,
    #bsWXBox {
        box-sizing: content-box;
    }

    /* 分享结束 */
    /* details end*/
}

@media only screen and (max-width: 1199px) {
    .g-ban .pic {
        height: 300px;
        padding: 0;

    }

    .cur {
        display: none;
    }

    .g-ban .tit {
        font-size: 20px;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .g-ban .tit::after {
        display: none;

    }

    .g-tab {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
    }

    .ul-listtab1 {
        padding: 0;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .ul-listtab1 .con::after {
        width: 40px;
        height: 40px;
        display: none;
    }

    .ul-listtab1 li {
        margin: 0 10px;
    }

    .ul-listtab1 .con {
        padding: 0 10px;
        line-height: 60px;
    }

    .ul-listtab1 .on .con {
        background-color: #BDA05C;
    }

    .ul-listtab1 .on .txt {
        text-decoration: underline;
    }

    .g-bgbox .wp {
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
    }

    .m-details .info {
        display: block;
    }

    .m-details .info .ort {
        margin-bottom: 10px 0;
    }

    .pages ul li {
        display: none;
    }

    .pages ul li.on,
    .pages ul li.prev,
    .pages ul li.next {
        display: inline-block;
    }

    .ul-listimg1 .inner {
        display: block;
    }

    .ul-listimg1 .pic {
        width: 100%;
    }

    .ul-listimg1 .txt-box {
        padding-right: 0;
    }

    .ul-listimg1 .line {
        display: none;
    }

    .ul-listimg1 .tit {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .ul-listimg1 .desc {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .ul-listimg1 .info {
        font-size: 14px;
        padding-left: 0;
    }

    .ul-listimg1 .info span {
        font-size: 14px;
    }

    .ul-listimg1 .con {
        padding: 0;
    }

    .ul-listimg1 li {
        margin-bottom: 25px;
    }

    .ul-listimg1 .con::after {
        display: none;
    }

    .ul-listimg1 .txt {
        padding: 10px 0 0;
    }

    .ul-listtxt2 .con {
        padding: 0 10px;
    }

    .ul-listtxt2 .d1 {
        font-size: 22px;
    }

    .ul-listtxt2 .inner::after {
        display: none;
    }

    .row-banbox {
        overflow: hidden;
    }
}

@media only screen and (max-width: 959px) {
    .m-details .info {
        display: block;
    }

    .m-details .info .ort {
        font-size: 14px;
        margin-bottom: 15px;
        padding-left: 0;
    }

    .share-box {
        display: none;
    }

    .m-details .info .size {
        margin-right: 0;
        font-size: 14px;
    }

    .m-details .info .share {
        display: block;
    }

    .row-details {
        padding: 40px 0;
    }

    .m-details .top::before {
        display: none;
    }

    .m-details .top {
        padding: 0 0 15px;
        margin-bottom: 15px;
    }

    .m-details .top .inner {
        padding: 0;
    }

    .m-details .desc {
        font-size: 14px;
        line-height: 1.6;
    }

    .m-details .pages-box {
        font-size: 14px;
    }

    .m-details .tit {
        font-size: 18px;
    }

    .ul-listin2 li {
        width: 50%;
    }

    .ul-listin2 .con {
        margin: 0 auto;
    }

    .ul-listnews .pic {
        width: 250px;
        height: 160px;
    }

    .ul-listnews .pic .date {
        width: 85px;
        font-size: 12px;
        bottom: 10px;
        height: 32px;
        line-height: 32px;
    }

    .ul-listnews .tit {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .ul-listnews .txt .line {
        display: none;
    }

    .ul-listnews .desc {
        font-size: 14px;
        line-height: 1.6;
    }

    .ul-listtxt2 .date {
        padding-right: 20px;
        margin-right: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .ul-listimg1 .tit {
        font-size: 16px;
    }

    .ul-listimg1 .info {
        font-size: 12px;
        padding-left: 0;
    }

    .ul-listimg1 .info span {
        font-size: 12px;
    }

    .ul-listtxt2 .con {
        padding: 0;
    }

    .ul-listtxt2 .d1 {
        font-size: 18px;
    }

    .ul-listtxt2 .d2 {
        font-size: 12px;
    }

    .ul-listtxt2 .tit {
        font-size: 16px;
    }

    .ul-listtxt2 .inner {
        height: auto;
    }

    .ul-listtxt2 .con::after {
        display: none;
    }

    .row-img {
        padding: 40px 0;
    }

    .ul-listtab1 .con {
        line-height: 45px;
    }
}


@media only screen and (max-width: 1400px) {
    .m-links-e1 .item-links:hover .sub-links {
        width: 95px;
    }
    .m-links-e1 .item-links .qr::after {
        top: -19px;
        border-width: 10px;
    } 
}

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

/*Common For Max 480*/
@media only screen and (max-width: 479px) {}
/* 结束 */