/*!****** lib.css *******/
*,
:after,
:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

body,
html {
    overflow-x: hidden
}

::selection {
    background-color: #268d79 !important;
    color: #fff !important
}

::-webkit-scrollbar {
    width: 6px;
    height: 9px
}

::-webkit-scrollbar-track {
    width: 3px;
    background: #666;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

::-webkit-scrollbar-thumb {
    background-color: #e4bb6c;
    background-clip: padding-box;
    min-height: 28px;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

::-webkit-scrollbar-thumb:hover {
    background-color: #e4bb6c
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
time,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: ""
}

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

body {
    color: #444;
    font-size: 12px;
    line-height: 1.5;
    font-family: "脙楼脗戮脗庐脙篓脗陆脗炉脙漏芒鈧好⑩偓娄脙漏脗禄芒鈧 ", "Microsoft Yahei"
}

a {
    color: inherit;
    text-decoration: none
}

a:hover {
    color: inherit
}

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

em,
i {
    font-style: normal
}

input,
select,
textarea {
    font-size: 12px;
    color: #444;
    font-family: "脙楼脗戮脗庐脙篓脗陆脗炉脙漏芒鈧好⑩偓娄脙漏脗禄芒鈧 ", "Microsoft Yahei";
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

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

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

::-webkit-input-placeholder {
    color: #c3cde2
}

::-moz-placeholder {
    color: #c3cde2
}

::-ms-input-placeholder {
    color: #c3cde2
}

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

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

.fix {
    *zoom: 1
}

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

.c {
    clear: both
}

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

.wp {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto
}

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

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

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

    20% {
        transform: translateY(-3px);
        opacity: 1
    }

    80% {
        transform: translateY(-10px);
        opacity: 1
    }

    100%,
    90% {
        transform: translateY(-10px);
        opacity: 0
    }
}

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

    20% {
        transform: translateY(3px);
        opacity: 1
    }

    80% {
        transform: translateY(10px);
        opacity: 1
    }

    100%,
    90% {
        transform: translateY(10px);
        opacity: 0
    }
}

@keyframes ani_turn {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes ani_turn2 {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes ani_roll {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes ani_scale1 {
    0% {
        transform: translate(-50%, -50%) scale(.2)
    }

    100% {
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes ani_piaoluo {
    0% {
        -webkit-transform: translate(100%, -50%);
        -ms-transform: translate(100%, -50%);
        -o-transform: translate(100%, -50%);
        transform: translate(100%, -50%)
    }

    50% {
        /* opacity: 0; */
    }

    65% {
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(-150%, 30%);
        -ms-transform: translate(-150%, 30%);
        -o-transform: translate(-150%, 30%);
        transform: translate(-150%, 30%);
        opacity: 0;
    }
}

@keyframes ani_piaodong {

    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        -o-transform: translateX(-5px);
        transform: translateX(-5px)
    }
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 100px;
    z-index: 100;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
}

.header:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 4px;
    background-color: #dcc88b;
    z-index: 2
}

.header:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 160px;
    background: url(../images/d-header-bg1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1
}

.header .logo {
    margin: 28px 0 0 60px;
    width: 282px;
    height: 66px;
    line-height: 66px;
    font-size: 0;
    flex-shrink: 0
}

.header .logo img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.header .header-r {
    padding-left: 30px;
    flex-grow: 1;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end
}

.header .header-r .header-r-con {
    position: relative;
    flex-grow: 1
}

.header .header-r .header-r-set {
    padding-left: 10px;
    flex-shrink: 0;
    display: -webkit-flex;
    display: flex
}

.header .header-link {
    padding: 0 7px;
    position: absolute;
    left: 0;
    top: 22px;
    right: 0;
    height: 30px;
    line-height: 30px;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header .header-link a {
    padding: 0 16px;
    font-size: 14px;
    color: rgba(255, 255, 255, .6);
    position: relative
}

.header .header-link a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 2px;
    height: 15px;
    background-color: rgba(255, 255, 255, .6);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header .header-link a:first-child:before {
    display: none
}

.header .header-link a:hover {
    color: #fff
}

.header .nav {
    position: absolute;
    left: 0;
    bottom: 8px;
    right: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.header .nav li {
    position: relative
}

.header .nav li>a {
    padding: 0 22px;
    display: block;
    font-size: 22px;
    color: #fff;
    line-height: 40px;
    font-family: SourceHanSerifCN-Bold;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header .nav li:hover>a {
    color: #e0bb8b
}

.header .nav .sub {
    padding: 10px 0;
    position: absolute;
    left: 50%;
    top: 120%;
    min-width: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    border-top: 2px solid #e0bb8b;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    z-index: 10;
    display: none;
    overflow: visible
}

.header .nav .sub::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #e0bb8b;
    border-top: 0;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.header .nav .sub a {
    padding: 6px 15px;
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header .nav .sub a:hover {
    background-color: #ededed
}

.header .header-so {
    padding: 0 10px;
    flex-shrink: 0;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer
}

.header .header-so .icon {
    width: 58px;
    height: 58px;
    background: url(../images/d-so1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.header .header-menu {
    padding: 0 10px;
    flex-shrink: 0;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer
}

.header .header-menu .icon {
    width: 58px;
    height: 58px;
    background: url(../images/d-menu1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    flex-shrink: 0;
}

.header .header-lang {
    margin-left: 20px;
    padding: 0 20px 0 50px;
    min-width: 182px;
    background: url(../images/d-lang-bg1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    font-size: 20px;
    color: #fff;
    line-height: 1.2;
    flex-shrink: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center
}

.header .header-lang i {
    margin-right: 10px;
    width: 30px;
    height: 30px;
    background: url(../images/d-lang1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    flex-shrink: 0
}

.header-con {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/d-header-bg2.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: .6s cubic-bezier(.165, .84, .44, 1);
    -o-transition: .6s cubic-bezier(.165, .84, .44, 1)
}

.header-con .scroll {
    position: absolute;
    left: 0;
    top: 100px;
    right: 0;
    bottom: 0;
    overflow-y: auto
}

.header-con ul {
    display: -webkit-flex;
    display: flex
}

.header-con ul li {
    width: 12.5%;
    padding-top: 45px;
    text-align: center
}

.header-con ul a {
    display: block;
    color: #fff
}

.header-con ul .title {
    font-size: 22px;
    font-weight: 700;
    color: #fff
}

.header-con ul .title .arrow {
    display: none
}

.header-con ul .list {
    padding: 20px 0
}

.header-con ul .list .title_2 {
    font-size: 17px;
    line-height: 36px;
    color: #fff
}

.header-con ul .list dl {
    padding-bottom: 20px
}

.header-con ul .list dl dd a {
    display: block;
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    opacity: .65
}

.header-con ul .list dl dd a:hover {
    opacity: 1
}

.pop-search {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
    display: none
}

.pop-search .pop-search-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 1
}

.pop-search .pop-search-close {
    position: absolute;
    right: 50px;
    top: 50px;
    width: 32px;
    height: 32px;
    background: url(../images/d-close2.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 10;
    cursor: pointer
}

.search-box {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 690px;
    height: 50px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10
}

.search-box input {
    outline: 0;
    border: none
}

.search-box .inp {
    padding: 0 140px 0 12px;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .5) inset;
    font-size: 16px;
    color: #333
}

.search-box .submit {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background-color: #e0bb8b;
    font-size: 18px;
    color: #fff;
    text-align: center
}

.header-con .header-lang,
.header-con .header-link,
.header-con .search-box {
    display: none
}

body.navShow {
    overflow: hidden
}

body.navShow .header-con {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
}

body.navShow .header .header-menu .icon {
    background-image: url(../images/d-close1.png)
}

body.navShow .header .header-link {
    top: 0;
    height: 100px;
    line-height: 100px
}

body.navShow .header .nav {
    opacity: 0;
    visibility: hidden
}

.footer {
    margin-top: -120px;
    position: relative;
    z-index: 15
}

.footer .foot1no,
.footer .foot1no.active {
    display: none
}

.footer .footer-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1
}

.footer .footer-cloud {
    position: absolute;
    left: 0;
    top: -85px;
    right: 0;
    height: 100px;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    z-index: -2
}

.footer .footcloud2 {
    position: absolute;
    left: 0;
    top: -92px;
    right: 0;
    height: 93px
}

.footer .footcloud2 .cloud1 img {
    margin: 0 -.5px
}

.footer .footer-cloud .cloud1 {
    position: relative;
    z-index: 2;
    display: -webkit-flex;
    display: flex
}

.footer .footer-cloud .cloud2 {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 1;
    display: -webkit-flex;
    display: flex
}

.footer .footer-cloud .cloud2 img {
    -webkit-animation: 30s linear infinite ani_roll;
    animation: 30s linear infinite ani_roll
}

.footer .footer-cloud img {
    max-width: none;
    height: 100%;
    -webkit-animation: 20s linear infinite ani_roll;
    animation: 20s linear infinite ani_roll
}

.footer .box-footer1 {
    padding-top: 1px
}

.footer .footer-1 {
    margin-top: -136px;
    height: 313px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.footer .footer-1 .footer1-bg {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear
}

.footer .footer-1 .footer1-bg::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/jz-x.png) repeat-x;
    top: 30px;
    bottom: 30px;
    width: 100%;
    z-index: 0
}

.footer .footer-1 .footer1-bg::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/jzbj.png) center center no-repeat;
    background-size: cover;
    top: 30px;
    bottom: 30px;
    width: 100%;
    z-index: -1
}

.footer .footer-1 .footer1-bg .cont-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: none
}

.footer .footer-1 .footer1-bg .s10-ljz {
    width: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9
}

.footer .footer-1 .footer1-bg .s10-ljz image,
.footer .footer-1 .footer1-bg .s10-rjz image {
    width: 100%;
    height: auto
}

.footer .footer-1 .footer1-bg .s10-rjz {
    width: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9
}

.footer .d-ftNavUl-1 {
    padding: 0 50px;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    opacity: 0;
    -webkit-transition: all 1s linear 1s;
    -o-transition: all 1s linear 1s;
    transition: all 1s linear 1s
}

.footer .d-ftNavUl-1 li {
    padding: 0 10px;
    width: 12.5%;
    flex-shrink: 0
}

.footer .d-ftNavUl-1 .wrap {
    display: block;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.footer .d-ftNavUl-1 .icon {
    margin: 0 auto;
    width: 88px;
    height: 88px;
    line-height: 88px;
    font-size: 0;
    text-align: center
}

.footer .d-ftNavUl-1 .icon img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.footer .d-ftNavUl-1 .title {
    margin-top: 26px;
    font-size: 22px;
    color: #333;
    font-weight: 400;
    line-height: 1.09;
    text-align: center;
    font-family: SourceHanSerifCN-Bold
}

.footer .d-ftNavUl-1 .wrap:hover .icon img {
    -webkit-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.footer .footer-2 {
    padding: 76px 0 56px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
}

.footer .footer-logo {
    width: 24.4%;
    height: 86px;
    line-height: 86px;
    font-size: 0;
    flex-shrink: 0
}

.footer .footer-logo img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.footer .footer-info {
    padding-left: 30px;
    max-width: 75.6%;
    flex-shrink: 0;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.footer .footer-info .item {
    margin-left: 78px;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.footer .footer-info .icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 0;
    text-align: center
}

.footer .footer-info .icon img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.footer .footer-info .item:hover .icon img {
    animation: 1s forwards rubberBand;
    -webkit-animation: 1s forwards rubberBand
}

.footer .footer-info .text {
    padding-left: 20px;
    width: calc(100% - 70px)
}

.footer .footer-info .title {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    line-height: 1.1;
    font-family: SourceHanSerifCN-Bold
}

.footer .footer-info .txt {
    margin-top: 12px;
    font-size: 16px;
    color: #fff;
    line-height: 1.2
}

.footer .footer-3 {
    padding: 50px 0 80px
}

.footer .footer-link {
    margin: 0 -10px -28px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.footer .footer-link a {
    padding: 0 10px;
    margin-bottom: 26px;
    width: 12.5%;
    font-size: 18px;
    color: #fff;
    line-height: 1.33;
    flex-shrink: 0
}

.footer .footer-link a span {
    background-image: linear-gradient(#fff, #fff);
    background-position: 0 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .3s ease-in-out
}

.footer .footer-link a:hover span {
    background-size: 100% 1px
}

.footer .box-footer2 {
    background-color: rgba(0, 0, 0, .25)
}

.footer .footer-4 {
    padding: 22px 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.footer .footer-4 .footer4-col {
    order: 1
}

.footer .footer-4 .footer4-cor {
    flex-shrink: 0;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    order: 2
}

.footer .footer-copy {
    font-size: 15px;
    color: #bcd1c8;
    line-height: 46px
}

.footer .footer-copy img {
    margin: -2px 16px 0 0;
    display: inline-block;
    vertical-align: middle;
    max-width: 34px
}

.footer .footer-copy a {
    color: #bcd1c8;
    position: relative
}

.footer .footer-copy a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #bcd1c8;
    width: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.footer .footer-copy a:hover:after {
    width: 100%
}

.footer .footer-yx {
    margin-right: 30px;
    width: 300px;
    height: 46px;
    line-height: 46px;
    position: relative;
    cursor: pointer
}

.footer .footer-yx dt {
    padding: 0 40px 0 20px;
    font-size: 15px;
    color: #aac2b8;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/d-border7.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative
}

.footer .footer-yx dt:after {
    content: '';
    position: absolute;
    right: 14px;
    top: 50%;
    width: 15px;
    height: 8px;
    background: url(../images/d-down1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer .footer-yx dd {
    padding: 12px 0;
    position: absolute;
    left: 0;
    bottom: 100%;
    right: 0;
    background-color: rgba(255, 255, 255, .92);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    max-height: 204px;
    overflow-y: auto;
    z-index: 10;
    display: none
}

.footer .footer-yx dd a {
    padding: 8px 22px;
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.footer .footer-yx dd a:hover {
    background-color: #ededed
}

.footer .footer-share {
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.footer .footer-share .item {
    margin-left: 10px;
    display: block;
    position: relative
}

.footer .footer-share .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 0;
    text-align: center
}

.footer .footer-share .icon img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.footer .footer-share .pop-codes {
    position: absolute;
    left: 50%;
    bottom: 120%;
    -webkit-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    -o-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.footer .footer-share .pop-codes .codes-in {
    position: relative;
    overflow: visible;
    background-color: #fff
}

.footer .footer-share .pop-codes .codes-in::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #fff;
    border-bottom: 0;
    position: absolute;
    top: 98%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.footer .footer-share .pop-codes .pic {
    width: 160px;
    height: auto!important;
    /* line-height: 160px; */
    font-size: 0;
    text-align: center;
    /* background-color: #fff */
}

.footer .footer-share .pop-codes .pic img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.footer .footer-share .item.active .pop-codes {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.footer .footer-1.active .footer1-bg {
    width: 100%
}

.footer .footer-1.active .d-ftNavUl-1 {
    opacity: 1
}

.swiper-e2-idx.swiper-e2 .desc {
    display: none
}

.swiper-e2-idx.swiper-e2 .con {
    height: auto;
    padding: 30px
}

.swiper-e2.swiper-e2-idx .swiper-slide-next .con {
    padding: 30px
}

.swiper-e2-idx.swiper-e2 .tit {
    margin-bottom: 0
}

.swiper-e2-idx.swiper-e2 .pic {
    margin-bottom: 10px
}

.swiper-e2.swiper-e2-idx .swiper-slide-next .pic {
    padding-top: 69.8%
}

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

.banner .swiper-slide {
    overflow: hidden
}

.banner img,
.banner video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner img {
    -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 .swiper-slide-active img {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01)
}

.banner .banner-btns {
    position: absolute;
    left: 0;
    bottom: 28px;
    right: 0;
    z-index: 10;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner .banner-btns .swiper-mouse {
    margin: 0 20px;
    width: 88px;
    height: 88px;
    position: relative;
    border-radius: 50%;
    border: 1px solid rgba(248, 248, 248, .5);
    cursor: pointer
}

.banner .banner-btns .swiper-mouse:after {
    content: '';
    position: absolute;
    left: 0;
    top: -6px;
    width: 100%;
    height: 100%;
    background: url(../images/d-mouse1.png) center center no-repeat;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
    animation: 2s linear infinite ani_down
}

.banner .banner-btns .swiper-mouse canvas {
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px)
}

.banner .banner-dots {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-58%, -50%);
    -webkit-transform: translate(-58%, -50%);
    -ms-transform: translate(-58%, -50%);
    -o-transform: translate(-58%, -50%);
    z-index: 10;
    overflow: visible;
    -moz-transform: translate(-58%, -50%)
}

.banner .banner-dots .dots-circle {
    padding: 75px;
    width: 430px;
    height: 430px;
    border-radius: 50%;
    position: relative
}

.banner .banner-dots .dots-circle .circle-dot {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #dcc88b;
    border-radius: 50%;
    z-index: 10;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
}

.banner .banner-dots .dots-circle .circle-dot .item {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform-origin: 0 center
}

.banner .banner-dots .dots-circle .circle-dot .item .circle {
    width: 40px;
    height: 26px;
    background: url(../images/d-shape1.png) center center no-repeat;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    cursor: pointer
}

.banner .banner-dots .dots-circle .circle-dot .item.i1 {
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

.banner .banner-dots .dots-circle .circle-dot .item.i2 {
    transform: translate(0, -50%) rotate(30deg);
    -webkit-transform: translate(0, -50%) rotate(30deg);
    -moz-transform: translate(0, -50%) rotate(30deg);
    -ms-transform: translate(0, -50%) rotate(30deg);
    -o-transform: translate(0, -50%) rotate(30deg)
}

.banner .banner-dots .dots-circle .circle-dot .item.i3 {
    transform: translate(0, -50%) rotate(60deg);
    -webkit-transform: translate(0, -50%) rotate(60deg);
    -moz-transform: translate(0, -50%) rotate(60deg);
    -ms-transform: translate(0, -50%) rotate(60deg);
    -o-transform: translate(0, -50%) rotate(60deg)
}

.banner .banner-dots .dots-circle .circle-dot .item.i4 {
    transform: translate(0, -50%) rotate(90deg);
    -webkit-transform: translate(0, -50%) rotate(90deg);
    -moz-transform: translate(0, -50%) rotate(90deg);
    -ms-transform: translate(0, -50%) rotate(90deg);
    -o-transform: translate(0, -50%) rotate(90deg)
}

.banner .banner-dots .dots-circle .circle-dot .item.i5 {
    transform: translate(0, -50%) rotate(120deg);
    -webkit-transform: translate(0, -50%) rotate(120deg);
    -moz-transform: translate(0, -50%) rotate(120deg);
    -ms-transform: translate(0, -50%) rotate(120deg);
    -o-transform: translate(0, -50%) rotate(120deg)
}

.banner .banner-dots .dots-circle .circle-dot .item.i6 {
    transform: translate(0, -50%) rotate(150deg);
    -webkit-transform: translate(0, -50%) rotate(150deg);
    -moz-transform: translate(0, -50%) rotate(150deg);
    -ms-transform: translate(0, -50%) rotate(150deg);
    -o-transform: translate(0, -50%) rotate(150deg)
}

.banner .banner-dots .dots-circle .circle-dot .item.i7 {
    transform: translate(0, -50%) rotate(180deg);
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -moz-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    -o-transform: translate(0, -50%) rotate(180deg)
}

.banner .banner-dots .dots-circle .circle-dot .item.i8 {
    transform: translate(0, -50%) rotate(210deg);
    -webkit-transform: translate(0, -50%) rotate(210deg);
    -moz-transform: translate(0, -50%) rotate(210deg);
    -ms-transform: translate(0, -50%) rotate(210deg);
    -o-transform: translate(0, -50%) rotate(210deg)
}

.banner .banner-dots .dots-circle .circle-dot .item.i9 {
    transform: translate(0, -50%) rotate(240deg);
    -webkit-transform: translate(0, -50%) rotate(240deg);
    -moz-transform: translate(0, -50%) rotate(240deg);
    -ms-transform: translate(0, -50%) rotate(240deg);
    -o-transform: translate(0, -50%) rotate(240deg)
}

.banner .banner-dots .dots-circle .circle-dot .item.i10 {
    transform: translate(0, -50%) rotate(270deg);
    -webkit-transform: translate(0, -50%) rotate(270deg);
    -moz-transform: translate(0, -50%) rotate(270deg);
    -ms-transform: translate(0, -50%) rotate(270deg);
    -o-transform: translate(0, -50%) rotate(270deg)
}

.banner .banner-dots .dots-circle .circle-dot .item.i11 {
    transform: translate(0, -50%) rotate(300deg);
    -webkit-transform: translate(0, -50%) rotate(300deg);
    -moz-transform: translate(0, -50%) rotate(300deg);
    -ms-transform: translate(0, -50%) rotate(300deg);
    -o-transform: translate(0, -50%) rotate(300deg)
}

.banner .banner-dots .dots-circle .circle-dot .item.i12 {
    transform: translate(0, -50%) rotate(330deg);
    -webkit-transform: translate(0, -50%) rotate(330deg);
    -moz-transform: translate(0, -50%) rotate(330deg);
    -ms-transform: translate(0, -50%) rotate(330deg);
    -o-transform: translate(0, -50%) rotate(330deg)
}

.banner .banner-dots .dots-circle .circle-bg {
    margin: -43% 0 0 -43%;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 86%;
    height: 86%;
    background: url(../images/d-banner-bg2.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* animation: 15s linear infinite ani_turn */
}

.banner .banner-dots:hover .dots-circle .circle-bg {
    animation: 15s linear infinite ani_turn
}

.banner .banner-dots .dots-circle .pic {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 10;
    display: block;
}

.banner .banner-dots .dots-circle .pic::before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/d-banner-prev-p2.png);
    width: 110px;
    content: "";
    background-position: right center;
    background-size: contain;
    background-repeat: no-repeat;
}

.banner .banner-dots .dots-circle .pic::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/d-banner-prev-p3.png);
    width: 64px;
    height: 186px;
    content: "";
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    /* opacity: 0; */
    transition: .5s;
}

.banner .banner-dots:hover .dots-circle .pic::after {
    left: 62%;
    /* opacity: 1; */
}

.banner .banner-dots .dots-circle .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.banner .banner-dots:hover .dots-circle .pic img {
    transform: translateX(-100px);
}

.banner .banner-dots .dots-text {
    position: absolute;
    left: calc(100% + 24px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    overflow: visible
}

.banner .banner-dots .dots-text .item {
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 26px;
    color: #dcc88b;
    text-align: center;
    font-family: SourceHanSerifCN-Bold;
    background: url(../images/d-banner-bg1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    left: 30px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
}

.banner .banner-dots .dots-text .item.on {
    visibility: visible;
    opacity: 1;
    left: 0
}

.banner .txt {
    color: #fff;
    font-size: 30px;
    background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    padding: 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
    position: absolute;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 21px auto;
    background-size: 21px auto;
    cursor: pointer;
    z-index: 10;
    bottom: 48px;
    top: auto;
    transform: translateY(0);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.banner .swiper-button-prev {
    right: 55%;
    left: auto;
    background-image: url(../images/d-prev2.png)
}

.banner .swiper-button-prev:hover {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px)
}

.banner .swiper-button-next {
    left: 55%;
    right: auto;
    background-image: url(../images/d-next2.png)
}

.banner .swiper-button-next:hover {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.banner .swiper-button-next.swiper-button-disabled,
.banner .swiper-button-prev.swiper-button-disabled {
    opacity: .3
}

.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
    display: none
}


.d-title1 {
    margin-bottom: 50px;
    position: relative
}

.d-title1 .title {
    padding-top: 56px;
    height: 128px;
    font-size: 36px;
    color: #217050;
    line-height: 1.1;
    text-align: center;
    font-family: SourceHanSerifCN-Bold;
    position: relative;
    z-index: 1
}

.d-title1 .title .tit-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

.d-title1 .d-btns1 {
    position: absolute;
    right: 0;
    top: 52px;
    z-index: 10
}

.d-btns1 a {
    padding-right: 38px;
    display: block;
    font-size: 22px;
    color: #217050;
    line-height: 1.8181818;
    font-family: SourceHanSerifCN-Bold;
    transition: .3s
}

.d-btns1 a:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 36px;
    height: 18px;
    background: url(../images/d-btns-bg1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-btns1 a:hover:after {
    animation: 2s linear infinite alternate ani_piaodong
}

.d-desc1 {
    margin-bottom: 42px;
    font-size: 16px;
    color: #c9e0da;
    line-height: 1.5;
    text-align: center
}

.d-title1.column {
    margin: 0;
    width: 262px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.d-title1.column .title {
    padding-top: 46px
}

.d-title1.column .title .tit-bg {
    position: absolute;
    left: -70px;
    top: 0;
    width: 262px;
    height: 255px;
    max-width: none;
    max-height: none;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
}

.d-title1.column .title span {
    display: block;
    width: 36px;
    text-align: center;
    line-height: 1
}

.d-title1.column .d-btns1 {
    position: relative;
    top: auto;
    right: auto
}

.d-title1.column .d-btns1 a {
    padding: 0 0 24px;
    width: 22px;
    line-height: 1
}

.d-title1.column .d-btns1 a:after {
    left: 6px
}

.d-title1.tal {
    margin: 0 0 60px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.d-title1.tal .title {
    padding: 52px 0 0 40px;
    width: 32.13%;
    text-align: left
}

.d-title1.tal .title .tit-bg {
    position: absolute;
    left: -210px;
    top: 0;
    width: 697px;
    height: 133px;
    max-width: none;
    max-height: none;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
}

.d-title1.tal .d-tabsTit1 {
    width: calc(67.87% - 50px)
}

.d-btns1.white a,
.d-title1.white .title {
    color: #fff
}

.d-btns1.white a:after {
    background-image: url(../images/d-btns-bg2.png)
}

.row-ind1 {
    padding-bottom: 90px;
    position: relative;
    z-index: 9
}

.ind1-bg1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1
}

.ind1-sunlight1 {
    position: absolute;
    right: 0;
    top: -60px;
    width: 44.95%;
    overflow: hidden;
    z-index: -1
}

.ind1-sunlight1 img {
    display: block;
    width: 100%
}

.d-ind1-1 {
    padding: 64px 0 40px;
    overflow: hidden
}

.d-news1 {
    min-height: 551px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
}

.d-news1 .news1-left {
    width: 25.67%
}

.d-news1 .news1-center {
    width: 43.33%
}

.d-news1 .news1-right {
    width: 25.67%
}

.d-nUl-1 {
    margin-bottom: -24px
}

.d-nUl-1 li {
    margin-bottom: 24px
}

.d-nUl-1 .wrap {
    padding: 20px 24px;
    display: block;
    height: 120px;
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-nUl-1 .wrap:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/d-border1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -2
}

.d-nUl-1 .wrap:after {
    content: '';
    background: url(../images/d-border1_on.png) 100% 100% no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.d-nUl-1 .title {
    font-size: 17px;
    color: #333;
    font-weight: 400;
    line-height: 32px;
    height: 64px;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    flex-shrink: 0
}

.d-nUl-1 .time {
    margin-top: -32px;
    font-size: 16px;
    color: #217050;
    line-height: 32px;
    text-align: right;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-nUl-1 .wrap:hover:after {
    width: 100%;
}

.d-nUl-1 .wrap:hover .time,
.d-nUl-1 .wrap:hover .title {
    color: #fff
}

.d-news-swiper1 {
    padding-bottom: 42px;
    height: 100%;
    position: relative;
    overflow: hidden
}

.d-news-swiper1 .wrap {
    display: block;
    height: 100%;
    overflow: hidden
}

.d-news-swiper1 .img {
    margin-bottom: 22px;
    height: 435px;
    position: relative;
    overflow: hidden
}

.d-news-swiper1 .img:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 160px;
    background: url(../images/d-bg9.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.d-news-swiper1 .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-news-swiper1 .title {
    font-size: 22px;
    color: #333;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-news-swiper1 .wrap:hover .img img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.d-news-swiper1 .wrap:hover .title {
    color: #217050
}

.d-news-swiper1 .swiper-news-btns {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 42px;
    z-index: 10
}

.d-news-swiper1 .swiper-news-btns .swiper-pagination {
    position: absolute;
    left: 50px;
    top: 0;
    right: 50px;
    height: 42px;
    line-height: 42px;
    font-size: 0;
    text-align: center
}

.d-news-swiper1 .swiper-news-btns .swiper-pagination .swiper-pagination-bullet {
    margin: 0 10px !important;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    background-color: transparent;
    font-size: 20px;
    color: #217050;
    opacity: .5;
    transition: .5s;
}

.d-news-swiper1 .swiper-news-btns .swiper-pagination .swiper-pagination-bullet-active {
    font-size: 32px;
    font-family: Impact;
    opacity: 1
}

.d-news-swiper1 .swiper-news-btns .swiper-next,
.d-news-swiper1 .swiper-news-btns .swiper-prev {
    position: absolute;
    width: 40px;
    height: 42px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 25px auto;
    background-size: 25px auto;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-news-swiper1 .swiper-news-btns .swiper-prev {
    left: 0;
    background-image: url(../images/d-prev1.png)
}

.d-news-swiper1 .swiper-news-btns .swiper-prev:hover {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px)
}

.d-news-swiper1 .swiper-news-btns .swiper-next {
    right: 0;
    background-image: url(../images/d-next1.png)
}

.d-news-swiper1 .swiper-news-btns .swiper-next:hover {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.d-news-swiper1 .swiper-news-btns .swiper-next.swiper-button-disabled,
.d-news-swiper1 .swiper-news-btns .swiper-prev.swiper-button-disabled {
    opacity: .6
}

.d-ind1-2 {
    padding: 40px 0;
    overflow: hidden
}

.d-ind1-2 .wp {
    height: 100%;
    display: -webkit-flex;
    display: flex
}

.d-ind1-2 .d-title1 {
    margin: 0;
    height: 408px;
    flex-shrink: 0
}

.d-ind1-2 .d-notice-swiper1 {
    flex-grow: 1
}

.d-notice-swiper1 {
    padding: 30px 0;
    position: relative;
    overflow: hidden
}

.d-notice-swiper1 .slider {
    padding: 40px 30px;
    margin-right: -30px;
    position: relative;
    overflow: hidden
}

.d-notice-swiper1 .wrap {
    padding: 0 0 15px 7px;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-notice-swiper1 .circle {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    z-index: -1
}

.d-notice-swiper1 .circle:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #217050;
    z-index: 2;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-notice-swiper1 .circle:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 55px;
    height: 55px;
    background-color: #bfe1d8;
    border-radius: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: 1.5s linear infinite ani_scale1;
    animation: 1.5s linear infinite ani_scale1
}

.d-notice-swiper1 .text {
    padding: 54px 36px;
    height: 313px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-notice-swiper1 .text:before {
    content: '';
    position: absolute;
    left: -3px;
    bottom: -6px;
    width: 42px;
    height: 254px;
    background: url(../images/d-border2.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -2
}

.d-notice-swiper1 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-notice-swiper1 .pos {
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.d-notice-swiper1 .pos span {
    padding: 0 20px;
    border-radius: 16px;
    background: linear-gradient(90deg, #268d79 0, #2f8e70 100%);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-notice-swiper1 .title {
    margin-top: 20px;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    line-height: 28px;
    max-height: 84px;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-notice-swiper1 .time {
    margin-top: 30px;
    font-size: 18px;
    color: #217050;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-notice-swiper1 .time i {
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 15px;
    background: url(../images/d-next4.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-notice-swiper1 .swiper-slide:hover .wrap {
    -webkit-transform: translateY(-26px);
    -ms-transform: translateY(-26px);
    -o-transform: translateY(-26px);
    transform: translateY(-26px)
}

.d-notice-swiper1 .swiper-slide:hover .circle:before {
    background-color: #e1ad6a
}

.d-notice-swiper1 .swiper-slide:hover .circle:after {
    background-color: #e3dbd2
}

.d-notice-swiper1 .swiper-slide:hover .text {
    padding: 46px 36px
}

.d-notice-swiper1 .swiper-slide:hover .text:before {
    opacity: 0
}

.d-notice-swiper1 .swiper-slide:hover .bg {
    opacity: 1
}

.d-notice-swiper1 .swiper-slide:hover .pos span {
    background: linear-gradient(90deg, #e1ad6a 0, #e1ad6a 100%);
    color: #fff
}

.d-notice-swiper1 .swiper-slide:hover .time,
.d-notice-swiper1 .swiper-slide:hover .title {
    color: #fff
}

.d-notice-swiper1 .swiper-slide:hover .time i {
    opacity: 1;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px)
}

.d-notice-swiper1 .swiper-notice-btns {
    position: absolute;
    right: 8%;
    bottom: 0;
    font-size: 0;
    z-index: 10
}

.d-notice-swiper1 .swiper-notice-btns .swiper-next,
.d-notice-swiper1 .swiper-notice-btns .swiper-prev {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 25px auto;
    background-size: 25px auto;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-notice-swiper1 .swiper-notice-btns .swiper-prev {
    background-image: url(../images/d-prev1.png)
}

.d-notice-swiper1 .swiper-notice-btns .swiper-prev:hover {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px)
}

.d-notice-swiper1 .swiper-notice-btns .swiper-next {
    background-image: url(../images/d-next1.png)
}

.d-notice-swiper1 .swiper-notice-btns .swiper-next:hover {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.d-notice-swiper1 .swiper-notice-btns .swiper-next.swiper-button-disabled,
.d-notice-swiper1 .swiper-notice-btns .swiper-prev.swiper-button-disabled {
    opacity: .6
}

.d-ind1-3 {
    padding: 60px 0;
    position: relative
}

.d-ind1-3 .d-title1 {
    margin-bottom: 95px;
    padding-left: 9%
}

.ind1-3-cloud1 {
    position: absolute;
    right: 5.68%;
    top: 68%;
    width: 39.95%;
    overflow: hidden;
    z-index: -1
}

.ind1-3-cloud1 img {
    display: block;
    width: 100%
}

.ind1-3-title1 {
    position: absolute;
    right: 1.61%;
    top: 35%;
    width: 7.76%;
    overflow: hidden
}

.ind1-3-title1 img {
    display: block;
    width: 100%
}

.d-media1 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    justify-content: center
}

.d-media1 .media1-col,
.d-media1 .media1-cor {
    flex-shrink: 0
}

.d-media1 .media1-col {
    padding-left: 96px;
    width: 40%;
    position: relative
}

.d-media1 .media1-cor {
    margin-left: -28px;
    width: 60%
}

.d-media1 .media1-circle {
    margin-top: -530px;
    position: absolute;
    right: -130px;
    top: 50%;
    width: 1060px;
    height: 1060px;
    z-index: -1;
    -webkit-mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), #fff, rgba(255, 255, 255, .1));
    mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), #fff, rgba(255, 255, 255, .1))
}

.d-media1 .media1-circle .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/d-bg2_1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    animation: 30s linear infinite ani_turn
}

.d-media1 .media1-circle .bg2 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 85.8%;
    height: 85.8%;
    background: url(../images/d-bg2_2.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-media1 .media-point {
    position: absolute;
    left: calc(40% - 56px);
    top: 192px;
    width: 162px;
    height: 111px;
    background: url(../images/d-pointer1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: 10
}

.d-media1 .media-point .icon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -6px;
    right: 23px;
    background: url(../images/d-pointer1-top.png) center center no-repeat;
    background-size: 24px auto;
    display: block
}

.d-media1 .media-point .icon.top {
    animation: 2s linear infinite ani_up
}

.d-media1 .media-point .icon.bottom {
    background-image: url(../images/d-pointer1-bottom.png);
    top: auto;
    bottom: -6px;
    animation: 2s linear infinite ani_down
}

.d-media-swiper1-for {
    width: 390px;
    position: relative;
    overflow: hidden
}

.d-media-swiper1-for .wrap {
    display: block
}

.d-media-swiper1-for .top {
    display: -webkit-flex;
    display: flex
}

.d-media-swiper1-for .time {
    margin-right: 28px;
    line-height: 1.1;
    text-align: center;
    flex-shrink: 0
}

.d-media-swiper1-for .time .t1 {
    margin-bottom: 6px;
    font-size: 40px;
    color: #e1ad6a;
    font-family: Impact
}

.d-media-swiper1-for .time .t2 {
    font-size: 16px;
    color: #999
}

.d-media-swiper1-for .text {
    flex-grow: 1
}

.d-media-swiper1-for .title {
    font-size: 20px;
    color: #333;
    line-height: 32px;
    height: 64px;
    overflow: hidden
}

.d-media-swiper1-for .img {
    margin-top: 37px;
    padding: 10px;
    height: 270px;
    background: url(../images/d-border5.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.d-media-swiper1-for .img .img-in {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.d-media-swiper1-for .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-media-swiper1-for .txt {
    margin-top: 32px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 72px;
    overflow: hidden
}

.d-media-swiper1-for .wrap:hover .img img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.d-media-swiper1-nav {
    margin-top: -50px;
    position: relative;
    overflow: hidden
}

.d-media-swiper1-nav .slider {
    margin-top: -10px;
    padding: 0 0 10px 28px;
    position: relative;
    height: 520px;
    overflow: hidden
}

.d-media-swiper1-nav .swiper-slide {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out
}

.d-media-swiper1-nav .wrap {
    display: block;
    width: calc(100% - 76px);
    height: 104px;
    line-height: 104px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.d-media-swiper1-nav .title {
    padding: 0 20px 0 152px;
    font-size: 18px;
    color: #666;
    font-weight: 400;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.d-media-swiper1-nav .title .type {
    float: left
}

.d-media-swiper1-nav .title a {
    display: block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.d-media-swiper1-nav .line {
    position: absolute;
    left: 18px;
    bottom: 0;
    right: 24px;
    height: 1px;
    border-top: 1px dashed rgba(225, 173, 106, .5);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.d-media-swiper1-nav .line:before {
    content: '';
    position: absolute;
    left: -18px;
    top: 50%;
    width: 20px;
    height: 12px;
    background: url(../images/d-shape2.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.d-media-swiper1-nav .line:after {
    content: '';
    position: absolute;
    right: -24px;
    top: 50%;
    width: 24px;
    height: 18px;
    background: url(../images/d-shape3.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.d-media-swiper1-nav .swiper-slide-prev {
    -webkit-transform: translateX(34px);
    -ms-transform: translateX(34px);
    -o-transform: translateX(34px);
    transform: translateX(34px)
}

.d-media-swiper1-nav .swiper-slide-next {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px)
}

.d-media-swiper1-nav .swiper-slide-next+.swiper-slide {
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    -o-transform: translateX(-8px);
    transform: translateX(-8px)
}

.d-media-swiper1-nav .swiper-slide-next .wrap,
.d-media-swiper1-nav .swiper-slide-prev .wrap {
    width: calc(100% - 60px)
}

.d-media-swiper1-nav .swiper-slide-active {
    -webkit-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px)
}

.d-media-swiper1-nav .swiper-slide-active .wrap {
    width: calc(100% - 40px)
}

.d-media-swiper1-nav .swiper-slide-active .title .type {
    font-size: 18px;
    color: #217050;
    font-weight: 700
}

.d-media-swiper1-nav .swiper-slide-active .line {
    left: 40px;
    border-top: 1px solid #2f8e70
}

.d-media-swiper1-nav .swiper-slide-active .line:after {
    background-image: url(../images/d-shape4.png)
}

.d-ind1-4 {
    padding: 52px 0;
    overflow: hidden
}

.d-tabsTit1 {
    position: relative;
    display: -webkit-flex;
    display: flex
}

.d-tabsTit1 li {
    margin-right: 10px
}

.d-tabsTit1 .tit {
    padding: 0 52px;
    display: block;
    font-size: 22px;
    color: #217050;
    line-height: 65px;
    font-family: SourceHanSerifCN-Bold;
    opacity: .7;
    transition: .3s
}

.d-tabsTit1 .tit:hover {
    opacity: 1
}

.d-tabsTit1 .d-btns1 {
    position: absolute;
    right: 0;
    top: 50%;
    width: calc(100% - 470px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    justify-content: flex-end;
    overflow: hidden;
    display: none
}

.d-tabsTit1 .d-btns1 a {
    padding: 0 38px 0 20px;
    position: relative
}

.d-tabsTit1 .d-btns1 a:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    width: 1000px;
    border-bottom: 1px solid rgba(33, 112, 80, .7);
    pointer-events: none;
}

.d-tabsTit1 li.on .tit {
    width: 270px;
    font-size: 26px;
    background: url(../images/d-border3_on.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    opacity: 1
}

.d-tabsTit1 li.on .d-btns1 {
    display: -webkit-flex;
    display: flex
}

.d-tabsDesc1 .tab-item {
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear
}

.d-tabsDesc1 .tab-item.on {
    height: auto;
    overflow: visible;
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
}

.d-teach-swiper1 {
    padding: 0 76px;
    margin: 0 -76px;
    position: relative;
    overflow: hidden
}

.d-teach-swiper1 .slider {
    margin: 0 -16px;
    position: relative;
    overflow: hidden
}

.d-teach-swiper1 .swiper-slide {
    padding: 73px 16px 0;
    width: 18.8% !important
}

.d-teach-swiper1 .wrap {
    padding-top: 1px;
    display: block;
    height: 388px;
    position: relative;
    z-index: 1
}

.d-teach-swiper1 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/d-border4.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-teach-swiper1 .img {
    margin: -73px auto 0;
    padding: 17px;
    width: 146px;
    height: 146px;
    position: relative;
    overflow: hidden;
    display: none;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-teach-swiper1 .img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/d-circle1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.d-teach-swiper1 .img.img-placeholder {
    margin-top: -100px
}

.d-teach-swiper1 .img.img-placeholder::after {
    display: none
}

.d-teach-swiper1 .img .img-in {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden
}

.d-teach-swiper1 .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.d-teach-swiper1 .top {
    padding: 44px 30px 30px;
    height: 170px;
    position: relative
}

.d-teach-swiper1 .top:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -2px;
    width: 70px;
    height: 4px;
    background-color: #217050;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.d-teach-swiper1 .top .title {
    font-size: 17px;
    color: #333;
    font-weight: 400;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.d-teach-swiper1 .top .title span {
    background-image: linear-gradient(#217050, #217050);
    background-position: 0 100%;
    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
}

.d-teach-swiper1 .wrap:hover .top .title {
    color: #217050
}

.d-teach-swiper1 .wrap:hover .top .title span {
    background-size: 100% 1px
}

.d-teach-swiper1 .info {
    padding: 48px 30px 20px;
    height: 218px
}

.d-teach-swiper1 .info .item {
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.d-teach-swiper1 .info .item+.item {
    margin-top: 12px
}

.d-teach-swiper1 .info .icon {
    margin-right: 16px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 0;
    text-align: center;
    flex-shrink: 0
}

.d-teach-swiper1 .info .icon img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.d-teach-swiper1 .info .icon img:nth-child(2) {
    display: none
}

.d-teach-swiper1 .info .txt {
    font-size: 15px;
    color: #666;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    flex-grow: 1
}

.d-teach-swiper1 .swiper-slide-next+.swiper-slide {
    width: 24.8% !important
}

.d-teach-swiper1 .swiper-slide-next+.swiper-slide .img {
    display: block
}

.d-teach-swiper1 .swiper-slide-next+.swiper-slide .bg {
    background-image: url(../images/d-border4_on.png)
}

.d-teach-swiper1 .swiper-slide-next+.swiper-slide .top {
    padding: 52px 30px 7px;
    height: auto
}

.d-teach-swiper1 .swiper-slide-next+.swiper-slide .top:after {
    display: none
}

.d-teach-swiper1 .swiper-slide-next+.swiper-slide .top .title {
    color: #fff;
    background: 0 0
}

.d-teach-swiper1 .swiper-slide-next+.swiper-slide .top .title span {
    background: 0 0
}

.d-teach-swiper1 .swiper-slide-next+.swiper-slide .info {
    padding: 0 30px;
    height: auto
}

.d-teach-swiper1 .swiper-slide-next+.swiper-slide .info .icon img {
    display: none
}

.d-teach-swiper1 .swiper-slide-next+.swiper-slide .info .icon img:nth-child(2) {
    display: inline-block
}

.d-teach-swiper1 .swiper-slide-next+.swiper-slide .info .txt {
    color: #fff
}

.d-teach-swiper1 .swiper-next,
.d-teach-swiper1 .swiper-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-teach-swiper1 .swiper-prev {
    left: 0;
    background-image: url(../images/d-prev1.png)
}

.d-teach-swiper1 .swiper-prev:hover {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px)
}

.d-teach-swiper1 .swiper-next {
    right: 0;
    background-image: url(../images/d-next1.png)
}

.d-teach-swiper1 .swiper-next:hover {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.d-teach-swiper1 .swiper-next.swiper-button-disabled,
.d-teach-swiper1 .swiper-prev.swiper-button-disabled {
    opacity: .6
}

.row-ind2 {
    margin: -80px 0 -20px;
    padding-top: 80px;
    position: relative;
    z-index: 10
}

.ind2-bg1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1
}

.ind2-flower1 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 15.21%;
    z-index: 2;
    -webkit-transform: translateY(240px);
    -ms-transform: translateY(240px);
    -o-transform: translateY(240px);
    transform: translateY(240px)
}

.d-ind2-1 {
    padding: 68px 0 3px;
    overflow: hidden
}

.d-ind2-1 .d-title1 {
    margin-bottom: 46px
}

.d-numD-swiper1 {
    height: 600px;
    position: relative;
    overflow: hidden
}

.d-numDUl-1 {
    height: 100vh;
    /* height: 100%; */
    position: relative;
    background: url(../img/bg4.jpg);
}

.d-numDUl-1 li {
    position: absolute;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.d-numD-swiper1 .d-numDUl-1 li:nth-child(1) {
    transition-delay: .4s
}

.d-numD-swiper1 .d-numDUl-1 li:nth-child(2) {
    transition-delay: .2s
}

.d-numD-swiper1 .d-numDUl-1 li:nth-child(3) {
    transition-delay: .2s
}

.d-numD-swiper1 .d-numDUl-1 li:nth-child(4) {
    transition-delay: .4s
}

.d-numDUl-1 .wrap {
    display: -webkit-flex;
    display: flex;
    align-items: flex-start
}

.d-numDUl-1 .img {
    width: 140px;
    height: 140px;
    line-height: 140px;
    font-size: 0;
    text-align: center;
    position: relative;
    z-index: 1
}

.d-numDUl-1 .img:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/d-nD-bg1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-numDUl-1 .img img,
.d-numDUl-1 .img svg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    height: 80%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-numDUl-1 .img svg line,
.d-numDUl-1 .img svg path,
.d-numDUl-1 .img svg polygon,
.d-numDUl-1 .img svg polyline {
    fill: none !important;
    stroke: #999 !important;
    stroke-width: 4 !important;
    stroke-linecap: round !important;
    stroke-miterlimit: 10 !important
}

.d-numDUl-1 .text {
    margin-left: -20px;
    line-height: 1.1;
    flex-grow: 1
}

.d-numDUl-1 .num {
    font-size: 38px;
    color: #fff;
    font-family: Impact;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-numDUl-1 .txt {
    margin-top: 6px;
    font-size: 18px;
    color: rgba(255, 255, 255, .7);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-numDUl-1 .i2 {
    left: 25.57%;
    top: 0
}

.d-numDUl-1 .i1 {
    left: 12.03%;
    top: 38.52%
}

.d-numDUl-1 .i3 {
    left: 65.99%;
    top: 0
}

.d-numDUl-1 .i4 {
    left: 77.6%;
    top: 38.52%
}

.d-numDUl-1 .wrap:hover .img:before {
    background-image: url(../images/d-nD-bg2.png)
}

.d-numDUl-1 .wrap:hover .img svg line,
.d-numDUl-1 .wrap:hover .img svg path,
.d-numDUl-1 .wrap:hover .img svg polygon,
.d-numDUl-1 .wrap:hover .img svg polyline {
    stroke: #e0bb8b !important
}

.d-numDUl-1 .wrap:hover .num,
.d-numDUl-1 .wrap:hover .txt {
    color: #e0bb8b
}

.d-numD-swiper1:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 108%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1120px;
    height: 1120px;
    border: 1px dashed rgba(205, 171, 127, .6);
    border-radius: 50%;
    animation: 200s linear infinite ani_turn2
}

.d-numD-swiper1 .bigImg {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 47.07%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.d-numD-swiper1 .bigImg img {
    display: block;
    width: 100%
}

.d-numD-swiper1 .swiper-slide-active .d-numDUl-1 li {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    opacity: 1
}

.d-numD-swiper1 .swiper-next,
.d-numD-swiper1 .swiper-prev {
    position: absolute;
    bottom: 90px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 21px auto;
    background-size: 21px auto;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-numD-swiper1 .swiper-prev {
    left: 14.5%;
    background-image: url(../images/d-prev2.png)
}

.d-numD-swiper1 .swiper-prev:hover {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px)
}

.d-numD-swiper1 .swiper-next {
    right: 17.2%;
    background-image: url(../images/d-next2.png)
}

.d-numD-swiper1 .swiper-next:hover {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.d-numD-swiper1 .swiper-next.swiper-button-disabled,
.d-numD-swiper1 .swiper-prev.swiper-button-disabled {
    opacity: .3
}

.row-ind3 {
    padding-bottom: 240px;
    position: relative;
    z-index: 9
}

.ind3-bg1 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-background-size: 100% 2989px;
    background-size: 100% 2989px;
    z-index: -1
}

.ind3-flower2 {
    position: absolute;
    left: 3.08%;
    top: 10.5%;
    z-index: -1;
    animation: 20s linear infinite ani_piaoluo
}

.d-ind3-1 {
    padding: 68px 0 40px;
    overflow: hidden
}

.d-ind3-1 .d-title1 {
    margin-bottom: 20px
}

.d-tabsTit2 {
    margin-bottom: 24px;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.d-tabsTit2 .inner {
    padding: 0 52px;
    display: block;
    position: relative;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.d-tabsTit2 .inner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 29px;
    background: url(../images/d-line1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.d-tabsTit2 .num {
    width: 134px;
    height: 80px;
    line-height: 80px;
    background: url(../images/d-bg5.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    font-size: 29px;
    color: #ede9da;
    text-align: center;
    font-family: SourceHanSerifCN-Bold;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    visibility: hidden;
    position: fixed;
    z-index: -1
}

.d-tabsTit2 .title {
    font-size: 18px;
    color: #777;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.d-tabsTit2 .title:hover {
    color: #b0926b
}

.d-tabsTit2 li:first-child .inner:before {
    display: none
}

.d-tabsTit2 .on .num {
    position: relative;
    z-index: 1;
    visibility: visible;
    margin-right: 18px;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.d-tabsTit2 .on .title {
    font-size: 32px;
    color: #b0926b;
    font-family: SourceHanSerifCN-Bold
}

.d-tabsDesc2 {
    overflow: hidden
}

.d-tabsDesc2 .tab-item {
    display: none
}

.d-tabsDesc2 .tab-item.on {
    display: block
}

.d-dev1 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
}

.d-dev1 .d-btns1 {
    position: absolute;
    left: 38.67%;
    bottom: 8.8%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 10
}

.d-dev1 .dev1-col {
    padding-top: 60px;
    width: 38.67%
}

.d-dev1 .dev1-cor {
    width: 58.67%
}

.d-dev1-1 .wrap {
    display: block;
    padding-top: 62.93%;
    position: relative;
    overflow: hidden
}

.d-dev1-1 .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.d-dev1-1 .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-dev1-1 .mask-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 150px;
    background: url(../images/d-bg6.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: 1
}

.d-dev1-1 .text {
    padding: 20px 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10
}

.d-dev1-1 .time {
    margin-left: -40px;
    padding-left: 72px;
    font-size: 20px;
    color: #fff;
    position: relative
}

.d-dev1-1 .time:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 63px;
    height: 18px;
    background: url(../images/d-shape5.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.d-dev1-1 .title {
    margin-top: 8px;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    line-height: 1.33;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.d-dev1-1 .title span {
    background-image: linear-gradient(#fff, #fff);
    background-position: 0 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .3s ease-in-out
}

.d-dev1-1 .wrap:hover .img img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.d-dev1-1 .wrap:hover .title span {
    background-image: linear-gradient(#fff, #fff);
    background-size: 100% 1px
}

.d-devUl-1 {
    margin-bottom: -30px
}

.d-devUl-1 li {
    margin-bottom: 30px
}

.d-devUl-1 .inner {
    padding: 28px 42px;
    display: block;
    height: 260px;
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: flex
}

.d-devUl-1 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1
}

.d-devUl-1 .img {
    width: 318px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    order: 2
}

.d-devUl-1 .img:after {
    content: '';
    display: block;
    padding-top: 64.15%
}

.d-devUl-1 .img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.d-devUl-1 .text {
    padding: 16px 80px 0 0;
    width: calc(100% - 318px);
    order: 1
}

.d-devUl-1 .title {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    line-height: 24px;
    height: 48px;
    overflow: hidden
}

.d-devUl-1 .title span {
    background-image: linear-gradient(#fff, #fff);
    background-position: 0 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .3s ease-in-out
}

.d-devUl-1 .txt {
    margin-top: 26px;
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
    line-height: 24px;
    height: 48px;
    overflow: hidden
}

.d-devUl-1 .time {
    margin: 34px 0 0 -30px;
    padding-left: 60px;
    font-size: 20px;
    color: #fff;
    line-height: 1.2;
    position: relative
}

.d-devUl-1 .time:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 52px;
    height: 18px;
    background: url(../images/d-shape6.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.d-devUl-1 li:nth-child(2) {
    width: 90%
}

.d-devUl-1 li:nth-child(2) .img {
    order: 1
}

.d-devUl-1 li:nth-child(2) .text {
    padding: 16px 0 0 40px;
    order: 2
}

.d-devUl-1 li:nth-child(2) .time {
    margin-left: -40px;
    padding-left: 70px
}

.d-devUl-1 li:nth-child(2) .time:before {
    width: 63px;
    height: 18px;
    background-image: url(../images/d-shape7.png)
}

.d-devUl-1 .inner:hover .img img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.d-devUl-1 .inner:hover .title span {
    background-image: linear-gradient(#fff, #fff);
    background-size: 100% 1px
}

.d-ind3-2 {
    padding: 20px 0;
    overflow: hidden;
    background: url(../images/f1-bg01.png) center bottom 70px no-repeat;
    background-size: 1533px auto;
}

.d-ind3-2 .d-title1 {
    margin-bottom: 40px
}

.d-ind3-2 .d-desc1 {
    margin-bottom: 50px;
    color: #217050
}

.d-talent-swiper1-for {
    padding: 0 80px;
    margin: 0 auto;
    width: 778px;
    position: relative;
    overflow: hidden
}

.d-talent-swiper1-for .slider {
    padding: 12px;
    position: relative;
    background: url(../images/d-border5.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden
}

.d-talent-swiper1-for .slider .slider-in {
    position: relative;
    overflow: hidden
}

.d-talent-swiper1-for .wrap {
    display: block;
    position: relative;
    padding-top: 61.28%;
    overflow: hidden
}

.d-talent-swiper1-for .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.d-talent-swiper1-for .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-talent-swiper1-for .mask-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 144px;
    background: url(../images/d-bg9.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: 1
}

.d-talent-swiper1-for .text {
    padding: 16px 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    z-index: 10;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.d-talent-swiper1-for .type {
    margin-right: 28px;
    font-size: 32px;
    color: #ffd298;
    font-family: SourceHanSerifCN-Bold;
    flex-shrink: 0
}

.d-talent-swiper1-for .title {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.d-talent-swiper1-for .wrap:hover .img img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.d-talent-swiper1-for .swiper-next,
.d-talent-swiper1-for .swiper-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-talent-swiper1-for .swiper-button-next:after,
.d-talent-swiper1-for .swiper-button-prev:after,
.d-talent-swiper1-for .swiper-container-rtl .d-talent-swiper1-for .swiper-button-next:after,
.d-talent-swiper1-for .swiper-container-rtl .d-talent-swiper1-for .swiper-button-prev:after {
    display: none
}

.d-talent-swiper1-for .swiper-prev {
    left: 0;
    background-image: url(../images/d-prev3.png)
}

.d-talent-swiper1-for .swiper-prev:hover {
    -webkit-transform: translate(-5px, -50%);
    -ms-transform: translate(-5px, -50%);
    -o-transform: translate(-5px, -50%);
    transform: translate(-5px, -50%)
}

.d-talent-swiper1-for .swiper-next {
    right: 0;
    background-image: url(../images/d-next3.png)
}

.d-talent-swiper1-for .swiper-next:hover {
    -webkit-transform: translate(5px, -50%);
    -ms-transform: translate(5px, -50%);
    -o-transform: translate(5px, -50%);
    transform: translate(5px, -50%)
}

.d-talent-swiper1-nav {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden
}

.d-talent-swiper1-nav .wrap {
    padding: 40px 0;
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.d-talent-swiper1-nav .circle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 202px;
    height: 202px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0
}

.d-talent-swiper1-nav .circle:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background-color: rgba(205, 171, 127, .3);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.d-talent-swiper1-nav .circle:after {
    margin: -46% 0 0 -46%;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 92%;
    height: 92%;
    border: 1px dashed #fff;
    border-radius: 50%;
    opacity: .3
}

.d-talent-swiper1-nav .img {
    margin: 0 auto;
    padding: 14px;
    width: 134px;
    height: 134px;
    position: relative
}

.d-talent-swiper1-nav .img:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/d-circle2.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.d-talent-swiper1-nav .img .img-in {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #cdab7f;
    background-color: #fff;
    overflow: hidden
}

.d-talent-swiper1-nav .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.d-talent-swiper1-nav .swiper-slide-active .circle,
.d-talent-swiper1-nav .swiper-slide:hover .circle {
    opacity: 1;
    animation: 2s linear infinite forwards ani_scale1;
    -webkit-animation: 2s linear infinite forwards ani_scale1
}

.d-talent-swiper1-nav .swiper-slide-active .circle:after,
.d-talent-swiper1-nav .swiper-slide:hover .circle:after {
    animation: 30s linear infinite ani_turn
}

.d-talent-swiper1-for .mask-bg::before {
    content: "";
    display: block;
    width: 73px;
    height: 22px;
    background: url(../images/f-icon01.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: 60px
}

.d-talent-swiper1-for .mask-bg::after {
    content: "";
    display: block;
    width: 38px;
    height: 16px;
    background: url(../images/f-icon02.png) center center no-repeat;
    background-size: contain;
    top: auto;
    position: absolute;
    left: 120px;
    bottom: 0
}

.d-ind3-3 {
    padding: 50px 0
}

.d-ind3-3 .d-title1 {
    margin-bottom: 58px
}

.d-media2 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
}

.d-media2 .media2-lion {
    position: absolute;
    right: 100%;
    top: 0;
    width: 5.87%;
    overflow: hidden
}

.d-media2 .media2-lion img {
    display: block;
    width: 100%
}

.d-media2 .media2-col,
.d-media2 .media2-com,
.d-media2 .media2-cor {
    flex-shrink: 0
}

.d-media2 .media2-col {
    width: 48%
}

.d-media2 .media2-com {
    width: 24.67%
}

.d-media2 .media2-cor {
    width: 23.33%
}

.d-share1 {
    position: absolute;
    right: calc(100% + 34px);
    bottom: 0;
    z-index: 50
}

.d-share1 .item {
    margin-top: 16px;
    display: block;
    position: relative
}

.d-share1 .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 0;
    text-align: center;
    position: relative
}

.d-share1 .icon img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.d-share1 .icon:after {
    margin: -30px 0 0 -30px;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    border: 1px dashed rgba(255, 255, 255, .3);
    border-radius: 50%;
    z-index: -1;
    opacity: 0
}

.d-share1 .pop-codes {
    padding-left: 10px;
    position: absolute;
    left: 130%;
    top: 50%;
    z-index: 10;
    -webkit-transform: translate(-10px, -50%);
    -ms-transform: translate(-10px, -50%);
    -o-transform: translate(-10px, -50%);
    transform: translate(-10px, -50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-share1 .pop-codes .codes-in {
    position: relative;
    overflow: visible;
    background-color: #fff
}

.d-share1 .pop-codes .codes-in::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-right-color: #fff;
    border-left: 0;
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.d-share1 .pop-codes .pic {
    width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: 0;
    text-align: left;
}

.d-share1 .pop-codes .pic img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.d-share1 .item:hover .icon:after {
    opacity: 1;
    animation: 15s linear infinite ani_turn
}

.d-share1 .item:hover .pop-codes {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 1;
    visibility: visible
}

.d-mediaUl-1 {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.d-mediaUl-1 li {
    width: 50%;
    flex-shrink: 0
}

.d-mediaUl-1 .wrap {
    display: block;
    padding-top: 70.56%;
    position: relative;
    overflow: hidden
}

.d-mediaUl-1 .icon-btn {
    position: absolute;
    right: 0;
    top: 20px;
    width: 52px;
    height: 32px;
    line-height: 32px;
    font-size: 0;
    text-align: right;
    z-index: 9
}

.d-mediaUl-1 .icon-btn img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.d-mediaUl-1 .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.d-mediaUl-1 .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-mediaUl-1 .mask-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .35);
    z-index: 2
}

.d-mediaUl-1 .text {
    padding: 20px 0;
    position: absolute;
    left: 40px;
    bottom: 0;
    right: 40px;
    z-index: 10
}

.d-mediaUl-1 .text:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 4px;
    background-color: #5ab38f
}

.d-mediaUl-1 .title {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.d-mediaUl-1 .title span {
    background-image: linear-gradient(#fff, #fff);
    background-position: 0 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .3s ease-in-out
}

.d-mediaUl-1 li:first-child {
    width: 100%
}

.d-mediaUl-1 li:first-child .wrap {
    padding-top: 49.44%
}

.d-mediaUl-1 li:nth-child(1) .text:after {
    background-color: #5ab38f
}

.d-mediaUl-1 li:nth-child(2) .text:after {
    background-color: #e85252
}

.d-mediaUl-1 li:nth-child(3) .text:after {
    background-color: #4d2cab
}

.d-mediaUl-1 .wrap:hover .img img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.d-mediaUl-1 .wrap:hover .title span {
    background-image: linear-gradient(#fff, #fff);
    background-size: 100% 1px
}

.d-media2-list {
    padding: 12px;
    height: 100%;
    background: url(../images/d-border6.jpg) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.d-mediaUl-2 {
    padding: 8px 0
}

.d-mediaUl-2 .wrap {
    padding: 16.5px 10px 16.5px 28px;
    display: block
}

.d-mediaUl-2 .top {
    margin-bottom: 7px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.d-mediaUl-2 .top .icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 0;
    text-align: center;
    order: 2;
    flex-shrink: 0
}

.d-mediaUl-2 .top .icon img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.d-mediaUl-2 .top .time {
    margin-left: -28px;
    padding-left: 60px;
    font-size: 18px;
    color: #fff;
    position: relative;
    order: 1;
    flex-grow: 1
}

.d-mediaUl-2 .top .time:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 46px;
    height: 14px;
    background: url(../images/d-shape8.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.d-mediaUl-2 .title {
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    line-height: 22px;
    max-height: 88px;
    overflow: hidden
}

.d-mediaUl-2 .title span {
    background-image: linear-gradient(#fff, #fff);
    background-position: 0 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .3s ease-in-out
}

.d-mediaUl-2 .wrap:hover .title span {
    background-image: linear-gradient(#fff, #fff);
    background-size: 100% 1px
}

.d-media2-view {
    margin-bottom: 30px
}

.d-media2-view .wrap {
    display: block;
    padding-top: 93.14%;
    position: relative;
    overflow: hidden
}

.d-media2-view .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.d-media2-view .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-media2-view .mask-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1
}

.d-media2-view .text {
    position: absolute;
    right: 38px;
    top: 44px;
    z-index: 10
}

.d-media2-view .title {
    width: 32px;
    font-size: 30px;
    color: #fff;
    line-height: 1.1;
    text-align: center;
    font-family: SourceHanSerifCN-Bold
}

.d-media2-view .wrap:hover .img img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.d-media2-swiper1 {
    position: relative;
    overflow: hidden
}

.d-media2-swiper1 .wrap {
    display: block;
    padding-top: 72.57%;
    position: relative;
    overflow: hidden
}

.d-media2-swiper1 .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.d-media2-swiper1 .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-media2-swiper1 .mask-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1
}

.d-media2-swiper1 .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    background: url(../images/d-play.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 11
}

.d-media2-swiper1 .text {
    padding: 20px 90px 20px 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10
}

.d-media2-swiper1 .title {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    line-height: 1.22;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.d-media2-swiper1 .title span {
    background-image: linear-gradient(#fff, #fff);
    background-position: 0 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .3s ease-in-out
}

.d-media2-swiper1 .wrap:hover .img img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.d-media2-swiper1 .wrap:hover .title span {
    background-image: linear-gradient(#fff, #fff);
    background-size: 100% 1px
}

.d-media2-swiper1 .media2-btns {
    position: absolute;
    right: 0;
    bottom: 12px;
    z-index: 10
}

.d-media2-swiper1 .media2-btns .swiper-next,
.d-media2-swiper1 .media2-btns .swiper-prev {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
    cursor: pointer;
    opacity: .6;
    z-index: 10;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-media2-swiper1 .media2-btns .swiper-prev {
    background-image: url(../images/d-prev2.png)
}

.d-media2-swiper1 .media2-btns .swiper-next {
    background-image: url(../images/d-next2.png)
}

.d-media2-swiper1 .media2-btns .swiper-next:hover,
.d-media2-swiper1 .media2-btns .swiper-prev:hover {
    opacity: 1
}

.row-ind4 {
    margin-top: -240px;
    padding: 120px 0 184px;
    position: relative;
    z-index: 8
}

.ind4-bg1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1
}

.d-ind4-1 {
    padding: 72px 0 120px;
    overflow: hidden
}

.d-ind4-1 .d-title1 {
    margin-bottom: 32px
}

.d-topic-swiper1 {
    padding: 0 100px;
    position: relative;
    overflow: hidden
}

.d-topic-swiper1 .slider {
    padding: 0 20px;
    overflow: hidden
}

.d-topic-swiper1 .slider .slider-in {
    margin: 0 -50px;
    position: relative;
    overflow: hidden
}

.d-topic-swiper1 .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    perspective: 1500px
}

.d-topic-swiper1 .wrap {
    padding: 10px 0;
    width: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    display: block !important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-topic-swiper1 .img {
    height: 200px;
    overflow: hidden
}

.d-topic-swiper1 .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.d-topic-swiper1 .swiper-slide {
    overflow: visible
}

.d-topic-swiper1 .swiper-slide-active {
    position: relative;
    z-index: 2
}

.d-topic-swiper1 .swiper-slide-prev .wrap {
    transform: translate3d(21%, 0, 0) rotateX(0) rotateY(35deg) scale(.84);
    -webkit-transform: translate3d(21%, 0, 0) rotateX(0) rotateY(35deg) scale(.84);
    -moz-transform: translate3d(21%, 0, 0) rotateX(0) rotateY(35deg) scale(.84);
    -ms-transform: translate3d(21%, 0, 0) rotateX(0) rotateY(35deg) scale(.84);
    -o-transform: translate3d(21%, 0, 0) rotateX(0) rotateY(35deg) scale(.84)
}

.d-topic-swiper1 .swiper-slide-next .wrap {
    transform: translate3d(-21%, 0, 0) rotateX(0) rotateY(-35deg) scale(.84);
    -webkit-transform: translate3d(-21%, 0, 0) rotateX(0) rotateY(-35deg) scale(.84);
    -moz-transform: translate3d(-21%, 0, 0) rotateX(0) rotateY(-35deg) scale(.84);
    -ms-transform: translate3d(-21%, 0, 0) rotateX(0) rotateY(-35deg) scale(.84);
    -o-transform: translate3d(-21%, 0, 0) rotateX(0) rotateY(-35deg) scale(.84)
}

.d-topic-swiper1 .swiper-slide-prev .wrap:hover {
    transform: translate3d(20%, 0, 0) rotateX(0) rotateY(18deg) scale(.9);
    -webkit-transform: translate3d(20%, 0, 0) rotateX(0) rotateY(18deg) scale(.9);
    -moz-transform: translate3d(20%, 0, 0) rotateX(0) rotateY(18deg) scale(.9);
    -ms-transform: translate3d(20%, 0, 0) rotateX(0) rotateY(18deg) scale(.9);
    -o-transform: translate3d(20%, 0, 0) rotateX(0) rotateY(18deg) scale(.9)
}

.d-topic-swiper1 .swiper-slide-next .wrap:hover {
    transform: translate3d(-20%, 0, 0) rotateX(0) rotateY(-18deg) scale(.9);
    -webkit-transform: translate3d(-20%, 0, 0) rotateX(0) rotateY(-18deg) scale(.9);
    -moz-transform: translate3d(-20%, 0, 0) rotateX(0) rotateY(-18deg) scale(.9);
    -ms-transform: translate3d(-20%, 0, 0) rotateX(0) rotateY(-18deg) scale(.9);
    -o-transform: translate3d(-20%, 0, 0) rotateX(0) rotateY(-18deg) scale(.9)
}

.d-topic-swiper1 .swiper-next,
.d-topic-swiper1 .swiper-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-topic-swiper1 .swiper-prev {
    left: 0;
    background-image: url(../images/d-prev3.png)
}

.d-topic-swiper1 .swiper-prev:hover {
    -webkit-transform: translate(-5px, -50%);
    -ms-transform: translate(-5px, -50%);
    -o-transform: translate(-5px, -50%);
    transform: translate(-5px, -50%)
}

.d-topic-swiper1 .swiper-next {
    right: 0;
    background-image: url(../images/d-next3.png)
}

.d-topic-swiper1 .swiper-next:hover {
    -webkit-transform: translate(5px, -50%);
    -ms-transform: translate(5px, -50%);
    -o-transform: translate(5px, -50%);
    transform: translate(5px, -50%)
}

/*!****** lib.css end *******/
/*!****** rel *******/
@media only screen and (min-width: 950px) and (max-width:1920px) {
    .wp {
        max-width: 78.12vw;
        margin: 0 auto
    }

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

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

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

        20% {
            transform: translateY(-.156vw);
            opacity: 1
        }

        80% {
            transform: translateY(-.52vw);
            opacity: 1
        }

        100%,
        90% {
            transform: translateY(-.52vw);
            opacity: 0
        }
    }

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

        20% {
            transform: translateY(.156vw);
            opacity: 1
        }

        80% {
            transform: translateY(.52vw);
            opacity: 1
        }

        100%,
        90% {
            transform: translateY(.52vw);
            opacity: 0
        }
    }

    @keyframes ani_turn {
        0% {
            transform: rotate(0)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    @keyframes ani_turn2 {
        0% {
            transform: translate(-50%, -50%) rotate(0)
        }

        100% {
            transform: translate(-50%, -50%) rotate(360deg)
        }
    }

    @keyframes ani_roll {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

        100% {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }

    @keyframes ani_scale1 {
        0% {
            transform: translate(-50%, -50%) scale(.2);
            opacity: 1
        }

        70% {
            transform: translate(-50%, -50%) scale(.7);
            opacity: 1
        }

        100% {
            transform: translate(-50%, -50%) scale(1);
            opacity: 0
        }
    }

    .header {
        left: 0;
        top: 0;
        right: 0;
        height: 5.208vw;
        justify-content: space-between
    }

    .header:before {
        content: '';
        left: 0;
        top: 0;
        right: 0;
        height: .208vw
    }

    .header:after {
        content: '';
        left: 0;
        top: 0;
        right: 0;
        height: 8.333vw;
        background: url(../images/d-header-bg1.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .header .logo {
        margin: 1.458vw 0 0 3.125vw;
        width: 14.68vw;
        height: 3.437vw;
        line-height: 3.437vw;
        font-size: 0;
        flex-shrink: 0
    }

    .header .header-r {
        padding-left: 1.562vw;
        flex-grow: 1;
        justify-content: flex-end
    }

    .header .header-r .header-r-con {
        flex-grow: 1
    }

    .header .header-r .header-r-set {
        padding-left: .52vw;
        flex-shrink: 0
    }

    .header .header-link {
        padding: 0 .364vw;
        left: 0;
        top: 1.145vw;
        right: 0;
        height: 1.562vw;
        line-height: 1.562vw;
        justify-content: flex-end;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .header .header-link a {
        padding: 0 .833vw;
        font-size: .729vw
    }

    .header .header-link a:before {
        content: '';
        left: 0;
        top: 50%;
        width: .104vw;
        height: .781vw;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .header .nav {
        left: 0;
        bottom: .416vw;
        right: 0;
        justify-content: flex-end;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out
    }

    .header .nav li>a {
        padding: 0 1.145vw;
        font-size: 1.145vw;
        line-height: 2.083vw;
        font-family: SourceHanSerifCN-Bold;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .header .nav .sub {
        padding: .52vw 0;
        top: 120%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        border-top: solid #e0bb8b;
        box-shadow: 0 0 .52vw rgba(0, 0, 0, .15)
    }

    .header .nav .sub a {
        padding: .312vw .781vw;
        font-size: .833vw;
        line-height: 1.5;
        white-space: nowrap;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .header .header-so {
        padding: 0 .52vw;
        flex-shrink: 0;
        flex-direction: column;
        justify-content: center
    }

    .header .header-so .icon {
        width: 3.020vw;
        height: 3.020vw;
        background: url(../images/d-so1.png) center center no-repeat;
        -webkit-background-size: contain;
        background-size: contain
    }

    .header .header-menu {
        padding: 0 .52vw;
        flex-shrink: 0;
        flex-direction: column;
        justify-content: center
    }

    .header .header-menu .icon {
        width: 3.020vw;
        height: 3.020vw;
        background: url(../images/d-menu1.png) center center no-repeat;
        -webkit-background-size: contain;
        background-size: contain
    }

    .header .header-lang {
        margin-left: 1.041vw;
        padding: 0 1.041vw;
        padding-left: 2.604vw;
        min-width: 9.479vw;
        background: url(../images/d-lang-bg1.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        font-size: 1.041vw;
        line-height: 1.2;
        flex-shrink: 0;
        justify-content: center;
        align-items: center
    }

    .header .header-lang i {
        margin-right: .52vw;
        width: 1.562vw;
        height: 1.562vw;
        background: url(../images/d-lang1.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        flex-shrink: 0
    }

    .header-con {
        left: 0;
        top: 0;
        background: url(../images/d-header-bg2.jpg) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        opacity: 0;
        visibility: hidden;
        transition: .6s cubic-bezier(.165, .84, .44, 1);
        -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1);
        -moz-transition: .6s cubic-bezier(.165, .84, .44, 1);
        -o-transition: .6s cubic-bezier(.165, .84, .44, 1)
    }

    .header-con .scroll {
        left: 0;
        top: 5.208vw;
        right: 0;
        bottom: 0
    }

    .header-con ul li {
        width: 12.5%;
        padding-top: 2.343vw
    }

    .header-con ul .title {
        font-size: 1.145vw;
        font-weight: 700
    }

    .header-con ul .list {
        padding: 1.041vw 0
    }

    .header-con ul .list .title_2 {
        font-size: .885vw;
        line-height: 1.875vw
    }

    .header-con ul .list dl {
        padding-bottom: 1.041vw
    }

    .header-con ul .list dl dd a {
        font-size: .625vw;
        line-height: 1.562vw;
        opacity: .65
    }

    .header-con ul .list dl dd a:hover {
        opacity: 1
    }

    .pop-search,
    .pop-search .pop-search-bg {
        left: 0;
        top: 0
    }

    .pop-search .pop-search-close {
        right: 2.604vw;
        top: 2.604vw;
        width: 2.166vw;
        height: 2.166vw;
        background: url(../images/d-close2.png) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }

    .search-box {
        top: 50%;
        width: 46.25vw;
        height: 2.625vw;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .search-box input {
        outline: 0;
        border: none
    }

    .search-box .inp {
        padding: 0 .625vw;
        padding-right: 7.291vw;
        height: 2.625vw;
        line-height: 2.625vw;
        box-shadow: .156vw .156vw .156vw rgba(0, 0, 0, .5) inset;
        font-size: .833vw
    }

    .search-box .submit {
        right: 0;
        top: 0;
        width: 6.25vw;
        height: 2.625vw;
        line-height: 2.625vw;
        font-size: .937vw
    }

    body.navShow .header-con {
        opacity: 1;
        visibility: visible
    }

    body.navShow .header .header-menu .icon {
        background-image: url(../images/d-close1.png)
    }

    body.navShow .header .header-link {
        top: 0;
        height: 5.208vw;
        line-height: 5.208vw
    }

    body.navShow .header .nav {
        opacity: 0;
        visibility: hidden
    }

    .footer {
        margin-top: -6.25vw
    }

    .footer .footer-bg {
        left: 0;
        top: 0;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .footer .footer-cloud {
        left: 0;
        top: -4.427vw;
        right: 0;
        height: 5.208vw
    }

    .footer .footcloud2 {
        left: 0;
        top: -4.791vw;
        right: 0;
        height: 4.843vw
    }

    .footer .footcloud2 .cloud1 img {
        margin: 0
    }

    .footer .footer-cloud .cloud2 {
        left: 0;
        bottom: 0;
        right: 0;
        top: 0
    }

    .footer .footer-cloud .cloud2 img {
        -webkit-animation: 30s linear infinite ani_roll;
        animation: 30s linear infinite ani_roll
    }

    .footer .footer-cloud img {
        max-width: none;
        -webkit-animation: 20s linear infinite ani_roll;
        animation: 20s linear infinite ani_roll
    }

    .footer .box-footer1 {
        padding-top: 1px
    }

    .footer .footer-1 {
        margin-top: -7.083vw;
        height: 16.3vw
    }

    .footer .footer-1 .footer1-bg {
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all 1s linear;
        -o-transition: all 1s linear;
        transition: all 1s linear
    }

    .footer .footer-1 .footer1-bg::before {
        content: "";
        transform: translateX(-50%);
        background: url(../images/jz-x.png) repeat-x;
        top: 1.562vw;
        bottom: 1.562vw
    }

    .footer .footer-1 .footer1-bg::after {
        content: "";
        transform: translateX(-50%);
        background: url(../images/jzbj.png) no-repeat;
        background-size: cover;
        top: 1.562vw;
        bottom: 1.562vw
    }

    .footer .footer-1 .footer1-bg .cont-img {
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        max-width: none
    }

    .footer .footer-1 .footer1-bg .s10-ljz {
        width: .833vw;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .footer .footer-1 .footer1-bg .s10-ljz image,
    .footer .footer-1 .footer1-bg .s10-rjz image {
        height: auto
    }

    .footer .footer-1 .footer1-bg .s10-rjz {
        width: .833vw;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .footer .d-ftNavUl-1 {
        padding: 0 2.604vw;
        justify-content: center;
        opacity: 0;
        -webkit-transition: all 1s linear 1s;
        -o-transition: all 1s linear 1s;
        transition: all 1s linear 1s
    }

    .footer .d-ftNavUl-1 li {
        padding: 0 .52vw;
        width: 12.5%;
        flex-shrink: 0
    }

    .footer .d-ftNavUl-1 .wrap {
        flex-direction: column;
        justify-content: center
    }

    .footer .d-ftNavUl-1 .icon {
        margin: 0 auto;
        width: 4.583vw;
        height: 4.583vw;
        line-height: 4.583vw;
        font-size: 0
    }

    .footer .d-ftNavUl-1 .icon img {
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .footer .d-ftNavUl-1 .title {
        margin-top: 1.354vw;
        font-size: 1.145vw;
        font-weight: 400;
        line-height: 1.09;
        font-family: SourceHanSerifCN-Bold
    }

    .footer .d-ftNavUl-1 .wrap:hover .icon img {
        -webkit-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }

    .footer .footer-2 {
        padding: 3.958vw 0 2.916vw;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        justify-content: space-between
    }

    .footer .footer-logo {
        width: 24.4%;
        height: 4.479vw;
        line-height: 4.479vw;
        font-size: 0;
        flex-shrink: 0
    }

    .footer .footer-info {
        padding-left: 1.562vw;
        max-width: 75.6%;
        flex-shrink: 0;
        flex-wrap: wrap
    }

    .footer .footer-info .item {
        margin-left: 4.062vw;
        align-items: center
    }

    .footer .footer-info .icon {
        width: 3.645vw;
        height: 3.645vw;
        line-height: 3.645vw;
        font-size: 0
    }

    .footer .footer-info .item:hover .icon img {
        animation: 1s forwards rubberBand;
        -webkit-animation: 1s forwards rubberBand
    }

    .footer .footer-info .text {
        padding-left: 1.041vw;
        width: calc(100% - 3.645vw)
    }

    .footer .footer-info .title {
        font-size: 1.354vw;
        font-weight: 700;
        line-height: 1.1;
        font-family: SourceHanSerifCN-Bold
    }

    .footer .footer-info .txt {
        margin-top: .625vw;
        font-size: .833vw;
        line-height: 1.2
    }

    .footer .footer-3 {
        padding: 2.604vw 0 4.166vw
    }

    .footer .footer-link {
        margin: 0 -.52vw -1.458vw;
        flex-wrap: wrap
    }

    .footer .footer-link a {
        padding: 0 .52vw;
        margin-bottom: 1.354vw;
        width: 12.5%;
        font-size: .937vw;
        line-height: 1.33;
        flex-shrink: 0
    }

    .footer .footer-link a span {
        background-image: linear-gradient(#fff, #fff);
        background-size: 0 1px;
        background-repeat: no-repeat;
        transition: background-size .3s ease-in-out
    }

    .footer .footer-link a:hover span {
        background-size: 100% 1px
    }

    .footer .footer-4 {
        padding: 1.145vw 0;
        justify-content: space-between;
        align-items: center
    }

    .footer .footer-4 .footer4-col {
        order: 1
    }

    .footer .footer-4 .footer4-cor {
        flex-shrink: 0;
        align-items: center;
        order: 2
    }

    .footer .footer-copy {
        font-size: .781vw;
        line-height: 2.395vw
    }

    .footer .footer-copy img {
        margin: -.104vw .833vw 0 0;
        max-width: 1.77vw
    }

    .footer .footer-yx {
        margin-right: 1.562vw;
        width: 15.62vw;
        height: 2.395vw;
        line-height: 2.395vw
    }

    .footer .footer-yx dt {
        padding: 0 1.041vw;
        padding-right: 2.083vw;
        font-size: .781vw;
        background: url(../images/d-border7.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .footer .footer-yx dt:after {
        content: '';
        right: .729vw;
        top: 50%;
        width: .781vw;
        height: .416vw;
        background: url(../images/d-down1.png) center center no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .footer .footer-yx dd {
        padding: .616vw 0;
        left: 0;
        bottom: 100%;
        right: 0;
        box-shadow: 0 0 .52vw rgba(0, 0, 0, .15);
        max-height: 10.627vw
    }

    .footer .footer-yx dd a {
        padding: .412vw 1.3vw;
        font-size: .729vw;
        line-height: 1.5;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .footer .footer-share {
        align-items: center
    }

    .footer .footer-share .item {
        margin-left: .52vw
    }

    .footer .footer-share .icon {
        width: 2.083vw;
        height: 2.083vw;
        line-height: 2.083vw;
        font-size: 0
    }

    .footer .footer-share .pop-codes {
        bottom: 120%;
        -webkit-transform: translate(-50%, -.52vw);
        -ms-transform: translate(-50%, -.52vw);
        -o-transform: translate(-50%, -.52vw);
        transform: translate(-50%, -.52vw);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .footer .footer-share .pop-codes .pic {
        width: 8.333vw;
        height: 8.333vw;
        line-height: 8.333vw;
        font-size: 0
    }

    .footer .footer-1.active .d-ftNavUl-1 {
        opacity: 1
    }

    .banner {
        height: 100vh
    }

    .banner img,
    .banner video {
        object-fit: cover
    }

    .banner img {
        -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 .swiper-slide-active img {
        -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
        -o-transform: scale(1.01);
        transform: scale(1.01)
    }

    .banner .banner-btns {
        left: 0;
        bottom: 1.458vw;
        right: 0;
        justify-content: center;
        align-items: center
    }

    .banner .banner-btns .swiper-mouse {
        margin: 0 1.041vw;
        width: 4.583vw;
        height: 4.583vw;
        border-radius: 50%;
        border: 1px solid rgba(248, 248, 248, .5)
    }

    .banner .banner-btns .swiper-mouse:after {
        content: '';
        left: 0;
        top: -.312vw;
        background: url(../images/d-mouse1.png) center center no-repeat;
        -webkit-background-size: 1.041vw auto;
        background-size: 1.041vw auto;
        animation: 2s linear infinite ani_down
    }

    .banner .banner-btns .swiper-mouse canvas {
        left: -1px;
        top: -1px;
        width: calc(100% + .104vw);
        height: calc(100% + .104vw)
    }

    .banner .banner-dots {
        left: 0;
        top: 50%;
        transform: translate(-58%, -50%);
        -webkit-transform: translate(-58%, -50%);
        -ms-transform: translate(-58%, -50%);
        -o-transform: translate(-58%, -50%);
        -moz-transform: translate(-58%, -50%)
    }

    .banner .banner-dots .dots-circle {
        padding: 3.906vw;
        width: 22.39vw;
        height: 22.39vw;
        border-radius: 50%
    }

    .banner .banner-dots .dots-circle .circle-dot {
        left: 0;
        top: 0;
        border: solid #dcc88b;
        border-radius: 50%;
    }

    .banner .banner-dots .dots-circle .circle-dot .item {
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform-origin: 0 center
    }

    .banner .banner-dots .dots-circle .circle-dot .item .circle {
        width: 3.041vw;
        height: 2vw;
        background: url(../images/d-shape1.png) center center no-repeat;
        -webkit-background-size: 1.041vw auto;
        background-size: 1.041vw auto;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        top: 50%;
        right: -1.6vw;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -moz-transform: translateY(-50%)
    }

    .banner .banner-dots .dots-circle .circle-dot .item.i1 {
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%)
    }

    .banner .banner-dots .dots-circle .circle-dot .item.i2 {
        transform: translate(0, -50%) rotate(30deg);
        -webkit-transform: translate(0, -50%) rotate(30deg);
        -moz-transform: translate(0, -50%) rotate(30deg);
        -ms-transform: translate(0, -50%) rotate(30deg);
        -o-transform: translate(0, -50%) rotate(30deg)
    }

    .banner .banner-dots .dots-circle .circle-dot .item.i3 {
        transform: translate(0, -50%) rotate(60deg);
        -webkit-transform: translate(0, -50%) rotate(60deg);
        -moz-transform: translate(0, -50%) rotate(60deg);
        -ms-transform: translate(0, -50%) rotate(60deg);
        -o-transform: translate(0, -50%) rotate(60deg)
    }

    .banner .banner-dots .dots-circle .circle-dot .item.i4 {
        transform: translate(0, -50%) rotate(90deg);
        -webkit-transform: translate(0, -50%) rotate(90deg);
        -moz-transform: translate(0, -50%) rotate(90deg);
        -ms-transform: translate(0, -50%) rotate(90deg);
        -o-transform: translate(0, -50%) rotate(90deg)
    }

    .banner .banner-dots .dots-circle .circle-dot .item.i5 {
        transform: translate(0, -50%) rotate(120deg);
        -webkit-transform: translate(0, -50%) rotate(120deg);
        -moz-transform: translate(0, -50%) rotate(120deg);
        -ms-transform: translate(0, -50%) rotate(120deg);
        -o-transform: translate(0, -50%) rotate(120deg)
    }

    .banner .banner-dots .dots-circle .circle-dot .item.i6 {
        transform: translate(0, -50%) rotate(150deg);
        -webkit-transform: translate(0, -50%) rotate(150deg);
        -moz-transform: translate(0, -50%) rotate(150deg);
        -ms-transform: translate(0, -50%) rotate(150deg);
        -o-transform: translate(0, -50%) rotate(150deg)
    }

    .banner .banner-dots .dots-circle .circle-dot .item.i7 {
        transform: translate(0, -50%) rotate(180deg);
        -webkit-transform: translate(0, -50%) rotate(180deg);
        -moz-transform: translate(0, -50%) rotate(180deg);
        -ms-transform: translate(0, -50%) rotate(180deg);
        -o-transform: translate(0, -50%) rotate(180deg)
    }

    .banner .banner-dots .dots-circle .circle-dot .item.i8 {
        transform: translate(0, -50%) rotate(210deg);
        -webkit-transform: translate(0, -50%) rotate(210deg);
        -moz-transform: translate(0, -50%) rotate(210deg);
        -ms-transform: translate(0, -50%) rotate(210deg);
        -o-transform: translate(0, -50%) rotate(210deg)
    }

    .banner .banner-dots .dots-circle .circle-dot .item.i9 {
        transform: translate(0, -50%) rotate(240deg);
        -webkit-transform: translate(0, -50%) rotate(240deg);
        -moz-transform: translate(0, -50%) rotate(240deg);
        -ms-transform: translate(0, -50%) rotate(240deg);
        -o-transform: translate(0, -50%) rotate(240deg)
    }

    .banner .banner-dots .dots-circle .circle-dot .item.i10 {
        transform: translate(0, -50%) rotate(270deg);
        -webkit-transform: translate(0, -50%) rotate(270deg);
        -moz-transform: translate(0, -50%) rotate(270deg);
        -ms-transform: translate(0, -50%) rotate(270deg);
        -o-transform: translate(0, -50%) rotate(270deg)
    }

    .banner .banner-dots .dots-circle .circle-dot .item.i11 {
        transform: translate(0, -50%) rotate(300deg);
        -webkit-transform: translate(0, -50%) rotate(300deg);
        -moz-transform: translate(0, -50%) rotate(300deg);
        -ms-transform: translate(0, -50%) rotate(300deg);
        -o-transform: translate(0, -50%) rotate(300deg)
    }

    .banner .banner-dots .dots-circle .circle-dot .item.i12 {
        transform: translate(0, -50%) rotate(330deg);
        -webkit-transform: translate(0, -50%) rotate(330deg);
        -moz-transform: translate(0, -50%) rotate(330deg);
        -ms-transform: translate(0, -50%) rotate(330deg);
        -o-transform: translate(0, -50%) rotate(330deg)
    }

    .banner .banner-dots .dots-circle .circle-bg {
        margin: -43% 0 0 -43%;
        top: 50%;
        background: url(../images/d-banner-bg2.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        /* animation: 15s linear infinite ani_turn */
    }

    .banner .banner-dots .dots-circle .pic {
        border-radius: 50%
    }

    .banner .banner-dots .dots-circle .pic img {
        object-fit: cover
    }

    .banner .banner-dots .dots-circle .pic::before {
        background-image: url(../images/d-banner-prev-p2.png);
        width: 5.729vw;
    }

    .banner .banner-dots .dots-circle .pic::after {
        transform: translateY(-50%);
        width: 3.333vw;
        height: 9.687vw;
    }

    .banner .banner-dots .dots-text {
        left: calc(100% + 1.25vw);
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .banner .banner-dots .dots-text .item {
        width: 2.916vw;
        height: 2.916vw;
        line-height: 2.916vw;
        font-size: 1.354vw;
        font-family: SourceHanSerifCN-Bold;
        background: url(../images/d-banner-bg1.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        top: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        visibility: hidden;
        opacity: 0;
        left: 1.562vw;
        /* transition: all 1.5s;
        -webkit-transition: all 1.5s;
        -moz-transition: all 1.5s;
        -ms-transition: all 1.5s;
        -o-transition: all 1.5s */
    }

    .banner .banner-dots .dots-text .item.on {
        visibility: visible;
        opacity: 1;
        left: 0
    }

    .d-title1 {
        margin-bottom: 2.604vw
    }

    .d-title1 .title {
        padding-top: 2.916vw;
        height: 6.666vw;
        font-size: 1.875vw;
        line-height: 1.1;
        font-family: SourceHanSerifCN-Bold
    }

    .d-title1 .title .tit-bg {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .d-title1 .d-btns1 {
        right: 0;
        top: 2.708vw
    }

    .d-btns1 a {
        padding-right: 1.979vw;
        font-size: 1.145vw;
        line-height: 1.825;
        font-family: SourceHanSerifCN-Bold
    }

    .d-btns1 a:after {
        content: '';
        right: 0;
        bottom: 0;
        width: 1.875vw;
        height: .937vw;
        background: url(../images/d-btns-bg1.png) center center no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-desc1 {
        margin-bottom: 2.187vw;
        font-size: .833vw;
        line-height: 1.5
    }

    .d-title1.column {
        margin: 0;
        width: 13.64vw;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start
    }

    .d-title1.column .title {
        padding-top: 2.395vw
    }

    .d-title1.column .title .tit-bg {
        left: -3.645vw;
        top: 0;
        width: 13.64vw;
        height: 13.28vw;
        max-width: none;
        max-height: none;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }

    .d-title1.column .title span {
        width: 1.875vw;
        line-height: 1
    }

    .d-title1.column .d-btns1 {
        top: auto;
        right: auto
    }

    .d-title1.column .d-btns1 a {
        padding: 0;
        padding-bottom: 1.25vw;
        width: 1.145vw;
        line-height: 1
    }

    .d-title1.column .d-btns1 a:after {
        left: .312vw
    }

    .d-title1.tal {
        margin: 0;
        margin-bottom: 3.125vw;
        justify-content: space-between;
        align-items: flex-end
    }

    .d-title1.tal .title {
        padding: 2.708vw 0 0 2.083vw;
        width: 32.13%
    }

    .d-title1.tal .title .tit-bg {
        left: -10.93vw;
        top: 0;
        width: 36.3vw;
        height: 6.927vw;
        max-width: none;
        max-height: none;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }

    .d-title1.tal .d-tabsTit1 {
        width: calc(67.87% - 2.604vw)
    }

    .d-btns1.white a:after {
        background-image: url(../images/d-btns-bg2.png)
    }

    .row-ind1 {
        padding-bottom: 4.687vw
    }

    .ind1-bg1 {
        left: 0;
        top: 0;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }

    .ind1-sunlight1 {
        right: 0;
        top: -3.125vw;
        width: 44.95%
    }

    .d-ind1-1 {
        padding: 3.333vw 0 2.083vw
    }

    .d-news1 {
        min-height: 28.69vw;
        justify-content: space-between
    }

    .d-news1 .news1-left {
        width: 25.67%
    }

    .d-news1 .news1-center {
        width: 43.33%
    }

    .d-news1 .news1-right {
        width: 25.67%
    }

    .d-nUl-1 {
        margin-bottom: -1.25vw
    }

    .d-nUl-1 li {
        margin-bottom: 1.25vw
    }

    .d-nUl-1 .wrap {
        padding: 1.041vw 1.25vw;
        height: 6.25vw;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-nUl-1 .title {
        font-size:  0.94vw;
        font-weight: 500;
        line-height: 1.8vw;
        height: 3.333vw;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-nUl-1 .time {
        margin-top: -1.666vw;
        font-size: .833vw;
        line-height: 1.666vw;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-news-swiper1 {
        padding-bottom: 2.187vw
    }

    .d-news-swiper1 .img {
        margin-bottom: 1.145vw;
        height: 22.65vw
    }

    .d-news-swiper1 .img:after {
        content: '';
        left: 0;
        bottom: 0;
        right: 0;
        height: 8.333vw;
        background: url(../images/d-bg9.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .d-news-swiper1 .img img {
        object-fit: cover;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-news-swiper1 .title {
        font-size: 1.145vw;
        font-weight: 700;
        line-height: 1.2;
        white-space: nowrap;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-news-swiper1 .wrap:hover .img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

    .d-news-swiper1 .swiper-news-btns {
        left: 0;
        bottom: 0;
        right: 0;
        height: 2.187vw
    }

    .d-news-swiper1 .swiper-news-btns .swiper-pagination {
        left: 2.604vw;
        top: 0;
        right: 2.604vw;
        height: 2.187vw;
        line-height: 2.187vw;
        font-size: 0
    }

    .d-news-swiper1 .swiper-news-btns .swiper-pagination .swiper-pagination-bullet {
        margin: 0 .52vw !important;
        width: auto;
        height: auto;
        font-size: 1.041vw;
        opacity: .5
    }

    .d-news-swiper1 .swiper-news-btns .swiper-pagination .swiper-pagination-bullet-active {
        font-size: 1.666vw;
        font-family: Impact;
        opacity: 1
    }

    .d-news-swiper1 .swiper-news-btns .swiper-next,
    .d-news-swiper1 .swiper-news-btns .swiper-prev {
        width: 2.083vw;
        height: 2.187vw;
        background-repeat: no-repeat;
        -webkit-background-size: 1.302vw auto;
        background-size: 1.302vw auto
    }

    .d-news-swiper1 .swiper-news-btns .swiper-prev {
        left: 0;
        background-image: url(../images/d-prev1.png)
    }

    .d-news-swiper1 .swiper-news-btns .swiper-next {
        right: 0;
        background-image: url(../images/d-next1.png)
    }

    .d-news-swiper1 .swiper-news-btns .swiper-next.swiper-button-disabled,
    .d-news-swiper1 .swiper-news-btns .swiper-prev.swiper-button-disabled {
        opacity: .6
    }

    .d-ind1-2 {
        padding: 2.083vw 0
    }

    .d-ind1-2 .d-title1 {
        margin: 0;
        height: 21.25vw;
        flex-shrink: 0
    }

    .d-ind1-2 .d-notice-swiper1 {
        flex-grow: 1
    }

    .d-notice-swiper1 {
        padding: 1.562vw 0
    }

    .d-notice-swiper1 .slider {
        padding: 2.083vw 1.562vw;
        margin-right: -1.562vw
    }

    .d-notice-swiper1 .wrap {
        padding: 0 0 .781vw .364vw;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-notice-swiper1 .circle {
        left: 0;
        bottom: 0;
        width: .781vw;
        height: .781vw
    }

    .d-notice-swiper1 .circle:before {
        content: '';
        left: 0;
        top: 0;
        border-radius: 50%;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-notice-swiper1 .circle:after {
        content: '';
        top: 50%;
        width: 2.864vw;
        height: 2.864vw;
        border-radius: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-animation: 1.5s linear infinite ani_scale1;
        animation: 1.5s linear infinite ani_scale1
    }

    .d-notice-swiper1 .text {
        padding: 2.812vw 1.875vw;
        height: 16.3vw;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-notice-swiper1 .text:before {
        content: '';
        left: -.156vw;
        bottom: -.312vw;
        width: 2.187vw;
        height: 13.22vw;
        background: url(../images/d-border2.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .d-notice-swiper1 .bg {
        left: 0;
        top: 0;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        opacity: 0;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-notice-swiper1 .pos {
        font-size: .729vw;
        line-height: 1.666vw;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .d-notice-swiper1 .pos span {
        padding: 0 1.041vw;
        border-radius: .833vw;
        background: linear-gradient(90deg, #268d79 0, #2f8e70 100%);
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-notice-swiper1 .title {
        margin-top: 1.041vw;
        font-size: .937vw;
        font-weight: 400;
        line-height: 1.458vw;
        max-height: 4.375vw;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-notice-swiper1 .time {
        margin-top: 1.562vw;
        font-size: .937vw;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-notice-swiper1 .time i {
        margin-left: .781vw;
        width: 1.406vw;
        height: .781vw;
        background: url(../images/d-next4.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        opacity: 0;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-notice-swiper1 .swiper-slide:hover .wrap {
        -webkit-transform: translateY(-1.354vw);
        -ms-transform: translateY(-1.354vw);
        -o-transform: translateY(-1.354vw);
        transform: translateY(-1.354vw)
    }

    .d-notice-swiper1 .swiper-slide:hover .text {
        padding: 2.395vw 1.875vw
    }

    .d-notice-swiper1 .swiper-slide:hover .text:before {
        opacity: 0
    }

    .d-notice-swiper1 .swiper-slide:hover .bg {
        opacity: 1
    }

    .d-notice-swiper1 .swiper-slide:hover .pos span {
        background: linear-gradient(90deg, #e1ad6a 0, #e1ad6a 100%)
    }

    .d-notice-swiper1 .swiper-slide:hover .time i {
        opacity: 1;
        -webkit-transform: translateX(.52vw);
        -ms-transform: translateX(.52vw);
        -o-transform: translateX(.52vw);
        transform: translateX(.52vw)
    }

    .d-notice-swiper1 .swiper-notice-btns {
        right: 8%;
        bottom: 0;
        font-size: 0
    }

    .d-notice-swiper1 .swiper-notice-btns .swiper-next,
    .d-notice-swiper1 .swiper-notice-btns .swiper-prev {
        width: 4.166vw;
        height: 4.166vw;
        background-repeat: no-repeat;
        -webkit-background-size: 1.302vw auto;
        background-size: 1.302vw auto;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-notice-swiper1 .swiper-notice-btns .swiper-prev {
        background-image: url(../images/d-prev1.png)
    }

    .d-notice-swiper1 .swiper-notice-btns .swiper-next {
        background-image: url(../images/d-next1.png)
    }

    .d-notice-swiper1 .swiper-notice-btns .swiper-next.swiper-button-disabled,
    .d-notice-swiper1 .swiper-notice-btns .swiper-prev.swiper-button-disabled {
        opacity: .6
    }

    .d-ind1-3 {
        padding: 3.125vw 0
    }

    .d-ind1-3 .d-title1 {
        margin-bottom: 4.947vw
    }

    .ind1-3-cloud1 {
        right: 5.68%;
        top: 68%;
        width: 39.95%
    }

    .ind1-3-title1 {
        right: 1.61%;
        top: 35%;
        width: 7.76%
    }

    .d-media1 {
        justify-content: center
    }

    .d-media1 .media1-col,
    .d-media1 .media1-cor {
        flex-shrink: 0
    }

    .d-media1 .media1-col {
        padding-left: 5vw
    }

    .d-media1 .media1-cor {
        margin-left: -1.458vw
    }

    .d-media1 .media1-circle {
        margin-top: -27.6vw;
        right: -6.77vw;
        top: 50%;
        width: 55.2vw;
        height: 55.2vw
    }

    .d-media1 .media1-circle .bg {
        left: 0;
        top: 0;
        background: url(../images/d-bg2_1.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-media1 .media1-circle .bg2 {
        top: 50%;
        width: 85.8%;
        height: 85.8%;
        background: url(../images/d-bg2_2.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .d-media1 .media-point {
        left: calc(40% - 2.916vw);
        top: 10vw;
        width: 8.437vw;
        height: 5.781vw;
        background: url(../images/d-pointer1.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .d-media1 .media-point .icon {
        width: 1.562vw;
        height: 1.562vw;
        top: -.312vw;
        right: 1.197vw;
        background: url(../images/d-pointer1-top.png) center center no-repeat;
        background-size: 1.25vw auto
    }

    .d-media1 .media-point .icon.bottom {
        background-image: url(../images/d-pointer1-bottom.png);
        top: auto;
        bottom: -.312vw
    }

    .d-media-swiper1-for {
        width: 20.31vw
    }

    .d-media-swiper1-for .time {
        margin-right: 1.458vw;
        line-height: 1.1;
        flex-shrink: 0
    }

    .d-media-swiper1-for .time .t1 {
        margin-bottom: .312vw;
        font-size: 2.083vw;
        font-family: Impact
    }

    .d-media-swiper1-for .time .t2 {
        font-size: .833vw
    }

    .d-media-swiper1-for .text {
        flex-grow: 1
    }

    .d-media-swiper1-for .title {
        font-size: 1.041vw;
        line-height: 1.666vw;
        height: 3.333vw
    }

    .d-media-swiper1-for .img {
        margin-top: 1.927vw;
        padding: .52vw;
        height: 14.06vw;
        background: url(../images/d-border5.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .d-media-swiper1-for .img img {
        object-fit: cover;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-media-swiper1-for .txt {
        margin-top: 1.666vw;
        font-size: .729vw;
        line-height: 1.25vw;
        height: 3.75vw
    }

    .d-media-swiper1-for .wrap:hover .img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

    .d-media-swiper1-nav {
        margin-top: -2.604vw
    }

    .d-media-swiper1-nav .slider {
        margin-top: -.52vw;
        padding: 0 0 .52vw 1.458vw;
        height: 27.08vw
    }

    .d-media-swiper1-nav .swiper-slide {
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out
    }

    .d-media-swiper1-nav .wrap {
        width: calc(100% - 3.958vw);
        height: 5.416vw;
        line-height: 5.416vw;
        flex-direction: column;
        justify-content: center
    }

    .d-media-swiper1-nav .title {
        padding: 0 1.041vw 0 7.916vw;
        font-size: .937vw;
        font-weight: 400;
        white-space: nowrap
    }

    .d-media-swiper1-nav .line {
        left: .937vw;
        bottom: 0;
        right: 1.25vw;
        height: 1px;
        border-top: 1px dashed rgba(225, 173, 106, .5);
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out
    }

    .d-media-swiper1-nav .line:before {
        content: '';
        left: -.937vw;
        top: 50%;
        width: 1.041vw;
        height: .625vw;
        background: url(../images/d-shape2.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .d-media-swiper1-nav .line:after {
        content: '';
        right: -1.25vw;
        top: 50%;
        width: 1.25vw;
        height: .937vw;
        background: url(../images/d-shape3.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .d-media-swiper1-nav .swiper-slide-prev {
        -webkit-transform: translateX(1.77vw);
        -ms-transform: translateX(1.77vw);
        -o-transform: translateX(1.77vw);
        transform: translateX(1.77vw)
    }

    .d-media-swiper1-nav .swiper-slide-next {
        -webkit-transform: translateX(1.562vw);
        -ms-transform: translateX(1.562vw);
        -o-transform: translateX(1.562vw);
        transform: translateX(1.562vw)
    }

    .d-media-swiper1-nav .swiper-slide-next+.swiper-slide {
        -webkit-transform: translateX(-.416vw);
        -ms-transform: translateX(-.416vw);
        -o-transform: translateX(-.416vw);
        transform: translateX(-.416vw)
    }

    .d-media-swiper1-nav .swiper-slide-next .wrap,
    .d-media-swiper1-nav .swiper-slide-prev .wrap {
        width: calc(100% - 3.125vw)
    }

    .d-media-swiper1-nav .swiper-slide-active {
        -webkit-transform: translateX(2.083vw);
        -ms-transform: translateX(2.083vw);
        -o-transform: translateX(2.083vw);
        transform: translateX(2.083vw)
    }

    .d-media-swiper1-nav .swiper-slide-active .wrap {
        width: calc(100% - 2.083vw)
    }

    .d-media-swiper1-nav .swiper-slide-active .title .type {
        font-size: .937vw;
        font-weight: 700
    }

    .d-media-swiper1-nav .swiper-slide-active .line {
        left: 2.083vw;
        border-top: 1px solid #2f8e70
    }

    .d-media-swiper1-nav .swiper-slide-active .line:after {
        background-image: url(../images/d-shape4.png)
    }

    .d-ind1-4 {
        padding: 2.708vw 0
    }

    .d-tabsTit1 li {
        margin-right: .52vw
    }

    .d-tabsTit1 .tit {
        padding: 0 2.708vw;
        font-size: 1.145vw;
        line-height: 3.385vw;
        font-family: SourceHanSerifCN-Bold;
        opacity: .7
    }

    .d-tabsTit1 .d-btns1 {
        right: 0;
        top: 50%;
        width: calc(100% - 24.47vw);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        justify-content: flex-end
    }

    .d-tabsTit1 .d-btns1 a {
        padding: 0 1.979vw 0 1.041vw
    }

    .d-tabsTit1 .d-btns1 a:before {
        content: '';
        right: 100%;
        top: 50%;
        width: 52.08vw;
    }

    .d-tabsTit1 li.on .tit {
        width: 14.06vw;
        font-size: 1.354vw;
        background: url(../images/d-border3_on.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        opacity: 1
    }

    .d-teach-swiper1 {
        padding: 0 3.958vw;
        margin: 0 -3.958vw
    }

    .d-teach-swiper1 .slider {
        margin: 0 -.833vw
    }

    .d-teach-swiper1 .swiper-slide {
        padding: 0 .833vw;
        padding-top: 3.802vw;
        width: 18.8% !important
    }

    .d-teach-swiper1 .wrap {
        padding-top: 1px;
        height: 20.2vw
    }

    .d-teach-swiper1 .bg {
        left: 0;
        top: 0;
        background: url(../images/d-border4.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-teach-swiper1 .img {
        margin: -3.802vw auto 0;
        padding: .885vw;
        width: 7.604vw;
        height: 7.604vw;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-teach-swiper1 .img:after {
        content: '';
        left: 0;
        top: 0;
        background: url(../images/d-circle1.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .d-teach-swiper1 .img.img-placeholder {
        margin-top: -5.208vw
    }

    .d-teach-swiper1 .img .img-in {
        border-radius: 50%
    }

    .d-teach-swiper1 .img img {
        object-fit: cover
    }

    .d-teach-swiper1 .top {
        padding: 2.291vw 1.562vw 1.562vw;
        height: 8.854vw
    }

    .d-teach-swiper1 .top:after {
        content: '';
        bottom: -.104vw;
        width: 3.645vw;
        height: .208vw;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .d-teach-swiper1 .top .title {
        font-size: .885vw;
        font-weight: 400;
        line-height: 1.458vw;
        height: 4.375vw;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s
    }

    .d-teach-swiper1 .top .title span {
        background-image: linear-gradient(#217050, #217050);
        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
    }

    .d-teach-swiper1 .wrap:hover .top .title span {
        background-size: 100% 1px
    }

    .d-teach-swiper1 .info {
        padding: 2.5vw 1.562vw 1.041vw;
        height: 11.35vw
    }

    .d-teach-swiper1 .info .item {
        align-items: center
    }

    .d-teach-swiper1 .info .item+.item {
        margin-top: .625vw
    }

    .d-teach-swiper1 .info .icon {
        margin-right: .833vw;
        width: 1.25vw;
        height: 1.25vw;
        line-height: 1.25vw;
        font-size: 0;
        flex-shrink: 0
    }

    .d-teach-swiper1 .info .txt {
        font-size: .781vw;
        line-height: 1.6;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        flex-grow: 1
    }

    .d-teach-swiper1 .swiper-slide-next+.swiper-slide {
        width: 24.8% !important
    }

    .d-teach-swiper1 .swiper-slide-next+.swiper-slide .bg {
        background-image: url(../images/d-border4_on.png)
    }

    .d-teach-swiper1 .swiper-slide-next+.swiper-slide .top {
        padding: 2.708vw 1.562vw .364vw;
        height: auto
    }

    .d-teach-swiper1 .swiper-slide-next+.swiper-slide .top .title,
    .d-teach-swiper1 .swiper-slide-next+.swiper-slide .top .title span {
        background: 0 0
    }

    .d-teach-swiper1 .swiper-slide-next+.swiper-slide .info {
        padding: 0 1.562vw;
        height: auto
    }

    .d-teach-swiper1 .swiper-next,
    .d-teach-swiper1 .swiper-prev {
        top: 50%;
        width: 2.083vw;
        height: 2.083vw;
        background-repeat: no-repeat;
        -webkit-background-size: 1.406vw auto;
        background-size: 1.406vw auto
    }

    .d-teach-swiper1 .swiper-prev {
        left: 0;
        background-image: url(../images/d-prev1.png)
    }

    .d-teach-swiper1 .swiper-next {
        right: 0;
        background-image: url(../images/d-next1.png)
    }

    .d-teach-swiper1 .swiper-next.swiper-button-disabled,
    .d-teach-swiper1 .swiper-prev.swiper-button-disabled {
        opacity: .6
    }

    .row-ind2 {
        margin: -4.166vw 0 -1.041vw;
        padding-top: 4.166vw
    }

    .ind2-bg1 {
        left: 0;
        top: 0;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .ind2-flower1 {
        right: 0;
        bottom: 0;
        width: 15.21%;
        -webkit-transform: translateY(12.5vw);
        -ms-transform: translateY(12.5vw);
        -o-transform: translateY(12.5vw);
        transform: translateY(12.5vw)
    }

    .d-ind2-1 {
        padding: 3.541vw 0 .156vw
    }

    .d-ind2-1 .d-title1 {
        margin-bottom: 2.395vw
    }

    .d-numD-swiper1 {
        height: 31.25vw
    }

    .d-numDUl-1 li {
        -webkit-transform: translateY(2.083vw);
        -ms-transform: translateY(2.083vw);
        -o-transform: translateY(2.083vw);
        transform: translateY(2.083vw);
        opacity: 0;
        -webkit-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out
    }

    .d-numD-swiper1 .d-numDUl-1 li:nth-child(1) {
        transition-delay: .4s
    }

    .d-numD-swiper1 .d-numDUl-1 li:nth-child(2) {
        transition-delay: .2s
    }

    .d-numD-swiper1 .d-numDUl-1 li:nth-child(3) {
        transition-delay: .2s
    }

    .d-numD-swiper1 .d-numDUl-1 li:nth-child(4) {
        transition-delay: .4s
    }

    .d-numDUl-1 .wrap {
        align-items: flex-start
    }

    .d-numDUl-1 .img {
        width: 7.291vw;
        height: 7.291vw;
        line-height: 7.291vw;
        font-size: 0
    }

    .d-numDUl-1 .img:before {
        content: '';
        left: 0;
        top: 0;
        background: url(../images/d-nD-bg1.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-numDUl-1 .img img,
    .d-numDUl-1 .img svg {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .d-numDUl-1 .text {
        margin-left: -1.041vw;
        line-height: 1.1;
        flex-grow: 1
    }

    .d-numDUl-1 .num {
        font-size: 1.979vw;
        font-family: Impact;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-numDUl-1 .txt {
        margin-top: .312vw;
        font-size: .937vw;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-numDUl-1 .i2 {
        left: 25.57%;
        top: 0
    }

    .d-numDUl-1 .i1 {
        left: 12.03%;
        top: 38.52%
    }

    .d-numDUl-1 .i3 {
        left: 65.99%;
        top: 0
    }

    .d-numDUl-1 .i4 {
        left: 77.6%;
        top: 38.52%
    }

    .d-numDUl-1 .wrap:hover .img:before {
        background-image: url(../images/d-nD-bg2.png)
    }

    .d-numD-swiper1:after {
        content: '';
        top: 108%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 58.33vw;
        height: 58.33vw;
        border: 2px dashed rgba(205, 171, 127, .6);
        border-radius: 50%;
        animation: 200s linear infinite ani_turn2
    }

    .d-numD-swiper1 .bigImg {
        bottom: 0;
        width: 47.07%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .d-numD-swiper1 .swiper-slide-active .d-numDUl-1 li {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        opacity: 1
    }

    .d-numD-swiper1 .swiper-next,
    .d-numD-swiper1 .swiper-prev {
        bottom: 4.687vw;
        width: 2.083vw;
        height: 2.083vw;
        background-repeat: no-repeat;
        -webkit-background-size: 1.093vw auto;
        background-size: 1.093vw auto
    }

    .d-numD-swiper1 .swiper-prev {
        left: 14.5%;
        background-image: url(../images/d-prev2.png)
    }

    .d-numD-swiper1 .swiper-next {
        right: 17.2%;
        background-image: url(../images/d-next2.png)
    }

    .d-numD-swiper1 .swiper-next.swiper-button-disabled,
    .d-numD-swiper1 .swiper-prev.swiper-button-disabled {
        opacity: .3
    }

    .row-ind3 {
        padding-bottom: 12.5vw
    }

    .ind3-bg1 {
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 155.6vw;
        background-size: 100% 155.6vw
    }

    .ind3-flower2 {
        left: 3.08%;
        top: 10.5%
    }

    .d-ind3-1 {
        padding: 3.541vw 0 2.083vw
    }

    .d-ind3-1 .d-title1 {
        margin-bottom: 1.041vw
    }

    .d-tabsTit2 {
        margin-bottom: 1.25vw;
        justify-content: flex-end;
        align-items: center
    }

    .d-tabsTit2 .inner {
        padding: 0 2.708vw;
        align-items: center
    }

    .d-tabsTit2 .inner:before {
        content: '';
        left: 0;
        top: 50%;
        width: .833vw;
        height: 1.51vw;
        background: url(../images/d-line1.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .d-tabsTit2 .num {
        width: 6.979vw;
        height: 4.166vw;
        line-height: 4.166vw;
        background: url(../images/d-bg5.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        font-size: 1.51vw;
        font-family: SourceHanSerifCN-Bold;
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        visibility: hidden
    }

    .d-tabsTit2 .title {
        font-size: .937vw;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s
    }

    .d-tabsTit2 .on .num {
        visibility: visible;
        margin-right: .937vw;
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }

    .d-tabsTit2 .on .title {
        font-size: 1.666vw;
        font-family: SourceHanSerifCN-Bold
    }

    .d-dev1 {
        justify-content: space-between
    }

    .d-dev1 .d-btns1 {
        left: 38.67%;
        bottom: 8.8%;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .d-dev1 .dev1-col {
        padding-top: 3.125vw;
        width: 38.67%
    }

    .d-dev1 .dev1-cor {
        width: 58.67%
    }

    .d-dev1-1 .wrap {
        padding-top: 62.93%
    }

    .d-dev1-1 .img {
        left: 0;
        top: 0
    }

    .d-dev1-1 .img img {
        object-fit: cover;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-dev1-1 .mask-bg {
        left: 0;
        bottom: 0;
        right: 0;
        height: 7.812vw;
        background: url(../images/d-bg6.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .d-dev1-1 .text {
        padding: 1.041vw 2.083vw;
        left: 0;
        bottom: 0;
        right: 0
    }

    .d-dev1-1 .time {
        margin-left: -2.083vw;
        padding-left: 3.75vw;
        font-size: 1.041vw
    }

    .d-dev1-1 .time:before {
        content: '';
        left: 0;
        top: 50%;
        width: 3.281vw;
        height: .937vw;
        background: url(../images/d-shape5.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .d-dev1-1 .title {
        margin-top: .416vw;
        font-size: .937vw;
        font-weight: 400;
        line-height: 1.33;
        white-space: nowrap
    }

    .d-dev1-1 .title span {
        background-image: linear-gradient(#fff, #fff);
        background-size: 0 1px;
        background-repeat: no-repeat;
        transition: background-size .3s ease-in-out
    }

    .d-dev1-1 .wrap:hover .img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

    .d-dev1-1 .wrap:hover .title span {
        background-image: linear-gradient(#fff, #fff);
        background-size: 100% 1px
    }

    .d-devUl-1 {
        margin-bottom: -1.562vw
    }

    .d-devUl-1 li {
        margin-bottom: 1.562vw
    }

    .d-devUl-1 .inner {
        padding: 1.458vw 2.187vw;
        height: 13.54vw
    }

    .d-devUl-1 .bg {
        left: 0;
        top: 0;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .d-devUl-1 .img {
        width: 16.56vw;
        flex-shrink: 0;
        order: 2
    }

    .d-devUl-1 .img:after {
        content: '';
        padding-top: 64.15%
    }

    .d-devUl-1 .img img {
        left: 0;
        top: 0;
        object-fit: cover
    }

    .d-devUl-1 .text {
        padding: .833vw 4.166vw 0 0;
        width: calc(100% - 16.56vw);
        order: 1
    }

    .d-devUl-1 .title {
        font-size: .937vw;
        font-weight: 400;
        line-height: 1.25vw;
        height: 2.5vw
    }

    .d-devUl-1 .title span {
        background-image: linear-gradient(#fff, #fff);
        background-size: 0 1px;
        background-repeat: no-repeat;
        transition: background-size .3s ease-in-out
    }

    .d-devUl-1 .txt {
        margin-top: 1.354vw;
        font-size: .729vw;
        line-height: 1.25vw;
        height: 2.5vw
    }

    .d-devUl-1 .time {
        margin: 1.77vw 0 0 -1.562vw;
        padding-left: 3.125vw;
        font-size: 1.041vw;
        line-height: 1.2
    }

    .d-devUl-1 .time:before {
        content: '';
        left: 0;
        top: 50%;
        width: 2.708vw;
        height: .937vw;
        background: url(../images/d-shape6.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .d-devUl-1 li:nth-child(2) .img {
        order: 1
    }

    .d-devUl-1 li:nth-child(2) .text {
        padding: .833vw 0 0 2.083vw;
        order: 2
    }

    .d-devUl-1 li:nth-child(2) .time {
        margin-left: -2.083vw;
        padding-left: 3.645vw
    }

    .d-devUl-1 li:nth-child(2) .time:before {
        width: 3.281vw;
        height: .937vw;
        background-image: url(../images/d-shape7.png)
    }

    .d-devUl-1 .inner:hover .img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

    .d-devUl-1 .inner:hover .title span {
        background-image: linear-gradient(#fff, #fff);
        background-size: 100% 1px
    }

    .d-ind3-2 {
        padding: 1.041vw 0;
        background-position: center bottom 4.245833vw;
        background-size: 79.84375vw auto;
    }

    .d-ind3-2 .d-title1 {
        margin-bottom: 2.083vw
    }

    .d-ind3-2 .d-desc1 {
        margin-bottom: 2.604vw
    }

    .d-talent-swiper1-for {
        padding: 0 4.166vw;
        margin: 0 auto;
        width: 40.52vw
    }

    .d-talent-swiper1-for .slider {
        padding: .625vw;
        background: url(../images/d-border5.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .d-talent-swiper1-for .wrap {
        padding-top: 61.28%
    }

    .d-talent-swiper1-for .img {
        left: 0;
        top: 0
    }

    .d-talent-swiper1-for .img img {
        object-fit: cover;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-talent-swiper1-for .mask-bg {
        left: 0;
        bottom: 0;
        right: 0;
        height: 7.5vw;
        background: url(../images/d-bg9.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .d-talent-swiper1-for .text {
        padding: .833vw 1.562vw;
        left: 0;
        bottom: 0;
        right: 0;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        align-items: center
    }

    .d-talent-swiper1-for .type {
        margin-right: 1.458vw;
        font-size: 1.666vw;
        font-family: SourceHanSerifCN-Bold;
        flex-shrink: 0
    }

    .d-talent-swiper1-for .title {
        font-size: .937vw;
        font-weight: 400;
        flex-grow: 1;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }

    .d-talent-swiper1-for .wrap:hover .img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

    .d-talent-swiper1-for .swiper-next,
    .d-talent-swiper1-for .swiper-prev {
        top: 50%;
        width: 2.083vw;
        height: 2.083vw;
        background-repeat: no-repeat;
        -webkit-background-size: 1.406vw auto;
        background-size: 1.406vw auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .d-talent-swiper1-for .swiper-prev {
        left: 0;
        background-image: url(../images/d-prev3.png)
    }

    .d-talent-swiper1-for .swiper-next {
        right: 0;
        background-image: url(../images/d-next3.png)
    }

    .d-talent-swiper1-nav {
        margin: 0 auto
    }

    .d-talent-swiper1-nav .wrap {
        padding: 2.083vw 0
    }

    .d-talent-swiper1-nav .circle {
        top: 50%;
        width: 10.52vw;
        height: 10.52vw;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0
    }

    .d-talent-swiper1-nav .circle:before {
        content: '';
        top: 50%;
        border-radius: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .d-talent-swiper1-nav .circle:after {
        margin: -46% 0 0 -46%;
        content: '';
        top: 50%;
        border: 1px dashed #fff;
        border-radius: 50%;
        opacity: .3
    }

    .d-talent-swiper1-nav .img {
        margin: 0 auto;
        padding: .729vw;
        width: 6.979vw;
        height: 6.979vw
    }

    .d-talent-swiper1-nav .img:after {
        content: '';
        left: 0;
        top: 0;
        background: url(../images/d-circle2.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .d-talent-swiper1-nav .img .img-in {
        border-radius: 50%;
        border: solid #cdab7f
    }

    .d-talent-swiper1-nav .img img {
        object-fit: cover
    }

    .d-talent-swiper1-for .mask-bg::before {
        content: "";
        width: 3.802vw;
        height: 1.145vw;
        background: url(../images/f-icon01.png) center center no-repeat;
        background-size: contain;
        left: 0;
        bottom: 3.125vw
    }

    .d-talent-swiper1-for .mask-bg::after {
        content: "";
        width: 1.979vw;
        height: .833vw;
        background: url(../images/f-icon02.png) center center no-repeat;
        background-size: contain;
        top: auto;
        left: 6.25vw;
        bottom: 0
    }

    .d-ind3-3 {
        padding: 2.604vw 0
    }

    .d-ind3-3 .d-title1 {
        margin-bottom: 3.020vw
    }

    .d-media2 {
        justify-content: space-between
    }

    .d-media2 .media2-lion {
        right: 100%;
        top: 0;
        width: 5.87%
    }

    .d-media2 .media2-col,
    .d-media2 .media2-com,
    .d-media2 .media2-cor {
        flex-shrink: 0
    }

    .d-media2 .media2-com {
        width: 24.67%
    }

    .d-media2 .media2-cor {
        width: 23.33%
    }

    .d-share1 {
        right: calc(100% + 1.77vw);
        bottom: 0
    }

    .d-share1 .item {
        margin-top: .833vw
    }

    .d-share1 .icon {
        width: 2.604vw;
        height: 2.604vw;
        line-height: 2.604vw;
        font-size: 0
    }

    .d-share1 .icon:after {
        margin: -1.562vw 0 0 -1.562vw;
        content: '';
        top: 50%;
        width: 3.125vw;
        height: 3.125vw;
        border: 1px dashed rgba(255, 255, 255, .3);
        border-radius: 50%;
        opacity: 0
    }

    .d-share1 .pop-codes {
        padding-left: .52vw;
        top: 50%;
        -webkit-transform: translate(-.52vw, -50%);
        -ms-transform: translate(-.52vw, -50%);
        -o-transform: translate(-.52vw, -50%);
        transform: translate(-.52vw, -50%);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-share1 .pop-codes .pic {
        width: 6.25vw;
        height: 6.25vw;
        line-height: 6.25vw;
        font-size: 0
    }

    .d-share1 .item:hover .icon:after {
        opacity: 1;
        animation: 15s linear infinite ani_turn
    }

    .d-share1 .item:hover .pop-codes {
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        opacity: 1;
        visibility: visible
    }

    .d-mediaUl-1 {
        flex-wrap: wrap
    }

    .d-mediaUl-1 li {
        flex-shrink: 0
    }

    .d-mediaUl-1 .wrap {
        padding-top: 70.56%
    }

    .d-mediaUl-1 .icon-btn {
        right: 0;
        top: 1.041vw;
        width: 2.708vw;
        height: 1.666vw;
        line-height: 1.666vw;
        font-size: 0
    }

    .d-mediaUl-1 .img {
        left: 0;
        top: 0
    }

    .d-mediaUl-1 .img img {
        object-fit: cover;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-mediaUl-1 .mask-bg {
        left: 0;
        top: 0
    }

    .d-mediaUl-1 .text {
        padding: 1.041vw 0;
        left: 2.083vw;
        bottom: 0;
        right: 2.083vw
    }

    .d-mediaUl-1 .text:after {
        content: '';
        left: 0;
        bottom: 0;
        width: 3.333vw;
        height: .208vw
    }

    .d-mediaUl-1 .title {
        font-size: .937vw;
        font-weight: 400;
        line-height: 1.5;
        white-space: nowrap
    }

    .d-mediaUl-1 .title span {
        background-image: linear-gradient(#fff, #fff);
        background-size: 0 1px;
        background-repeat: no-repeat;
        transition: background-size .3s ease-in-out
    }

    .d-mediaUl-1 li:first-child .wrap {
        padding-top: 49.44%
    }

    .d-mediaUl-1 .wrap:hover .img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

    .d-mediaUl-1 .wrap:hover .title span {
        background-image: linear-gradient(#fff, #fff);
        background-size: 100% 1px
    }

    .d-media2-list {
        padding: .625vw;
        background: url(../images/d-border6.jpg) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .d-mediaUl-2 {
        padding: .416vw 0
    }

    .d-mediaUl-2 .wrap {
        padding: .859vw 1.458vw;
        padding-right: .52vw
    }

    .d-mediaUl-2 .top {
        margin-bottom: .364vw;
        justify-content: space-between;
        align-items: center
    }

    .d-mediaUl-2 .top .icon {
        width: 1.666vw;
        height: 1.666vw;
        line-height: 1.666vw;
        font-size: 0;
        order: 2;
        flex-shrink: 0
    }

    .d-mediaUl-2 .top .time {
        margin-left: -1.458vw;
        padding-left: 3.125vw;
        font-size: .937vw;
        order: 1;
        flex-grow: 1
    }

    .d-mediaUl-2 .top .time:before {
        content: '';
        left: 0;
        top: 50%;
        width: 2.395vw;
        height: .729vw;
        background: url(../images/d-shape8.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .d-mediaUl-2 .title {
        font-size: .885vw;
        font-weight: 400;
        line-height: 1.145vw;
        max-height: 4.583vw
    }

    .d-mediaUl-2 .title span {
        background-image: linear-gradient(#fff, #fff);
        background-size: 0 1px;
        background-repeat: no-repeat;
        transition: background-size .3s ease-in-out
    }

    .d-mediaUl-2 .wrap:hover .title span {
        background-image: linear-gradient(#fff, #fff);
        background-size: 100% 1px
    }

    .d-media2-view {
        margin-bottom: 1.562vw
    }

    .d-media2-view .wrap {
        padding-top: 93.14%
    }

    .d-media2-view .img {
        left: 0;
        top: 0
    }

    .d-media2-view .img img {
        object-fit: cover;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-media2-view .mask-bg {
        left: 0;
        top: 0
    }

    .d-media2-view .text {
        right: 1.979vw;
        top: 2.291vw
    }

    .d-media2-view .title {
        width: 1.666vw;
        font-size: 1.562vw;
        line-height: 1.1;
        font-family: SourceHanSerifCN-Bold
    }

    .d-media2-view .wrap:hover .img img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

    .d-media2-swiper1 .wrap {
        padding-top: 72.57%
    }

    .d-media2-swiper1 .img {
        left: 0;
        top: 0
    }

    .d-media2-swiper1 .img img {
        object-fit: cover;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-media2-swiper1 .mask-bg {
        left: 0;
        top: 0
    }

    .d-media2-swiper1 .play-btn {
        top: 50%;
        width: 3.125vw;
        height: 3.125vw;
        background: url(../images/d-play.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .d-media2-swiper1 .text {
        padding: 1.041vw;
        padding-right: 4.687vw;
        left: 0;
        bottom: 0;
        right: 0
    }

    .d-media2-swiper1 .title {
        font-size: .937vw;
        font-weight: 400;
        line-height: 1.22;
        white-space: nowrap
    }

    .d-media2-swiper1 .wrap:hover .img img {
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
        transform: scale(1.03)
    }

    .d-media2-swiper1 .wrap:hover .title span {
        background-image: linear-gradient(#fff, #fff);
        background-size: 100% 1px
    }

    .d-media2-swiper1 .media2-btns {
        right: 0;
        bottom: .625vw
    }

    .d-media2-swiper1 .media2-btns .swiper-next,
    .d-media2-swiper1 .media2-btns .swiper-prev {
        width: 2.083vw;
        height: 2.083vw;
        background-repeat: no-repeat;
        -webkit-background-size: .833vw auto;
        background-size: .833vw auto;
        opacity: .6;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-media2-swiper1 .media2-btns .swiper-prev {
        background-image: url(../images/d-prev2.png)
    }

    .d-media2-swiper1 .media2-btns .swiper-next {
        background-image: url(../images/d-next2.png)
    }

    .d-media2-swiper1 .media2-btns .swiper-next:hover,
    .d-media2-swiper1 .media2-btns .swiper-prev:hover {
        opacity: 1
    }

    .row-ind4 {
        margin-top: -12.5vw;
        padding: 6.25vw 0 9.583vw
    }

    .ind4-bg1 {
        left: 0;
        top: 0;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }

    .d-ind4-1 {
        padding: 3.75vw 0 6.25vw
    }

    .d-ind4-1 .d-title1 {
        margin-bottom: 1.666vw
    }

    .d-topic-swiper1 {
        padding: 0 5.208vw
    }

    .d-topic-swiper1 .slider {
        padding: 0 1.041vw
    }

    .d-topic-swiper1 .slider .slider-in {
        margin: 0 -2.604vw
    }

    .d-topic-swiper1 .swiper-slide {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        perspective: 78.12vw
    }

    .d-topic-swiper1 .wrap {
        padding: .52vw 0;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .d-topic-swiper1 .img {
        height: 10.41vw
    }

    .d-topic-swiper1 .swiper-next,
    .d-topic-swiper1 .swiper-prev {
        top: 50%;
        width: 2.083vw;
        height: 2.083vw;
        background-repeat: no-repeat;
        -webkit-background-size: 1.406vw auto;
        background-size: 1.406vw auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .d-topic-swiper1 .swiper-prev {
        left: 0;
        background-image: url(../images/d-prev3.png)
    }

    .d-topic-swiper1 .swiper-next {
        right: 0;
        background-image: url(../images/d-next3.png)
    }
}

@media only screen and (min-width: 1199px) and (max-width:1900px) {

    .banner .swiper-button-next,
    .banner .swiper-button-prev {
        bottom: 2.2vw
    }
}

@media only screen and (max-width: 1399px) {
    .d-nUl-1 .time {
        margin: 0
    }
}

@media only screen and (max-width: 959px) {
    .wp {
        width: 100%;
        padding: 0 5.3vw
    }

    .header {
        padding: 0 5.3vw;
        height: 18.7vw
    }

    .header:after {
        height: 18.7vw;
        background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0, transparent 100%)
    }

    .header .logo {
        margin: 0;
        width: 38.5vw;
        height: 18.7vw;
        line-height: 18.7vw
    }

    .header .header-menu {
        padding: 0
    }

    .header .header-menu .icon {
        width: 10vw;
        height: 10vw
    }

    .header .header-lang,
    .header .header-r .header-r-con,
    .header .header-so {
        display: none
    }

    .header-con {
        background: #268d79;
        overflow-y: auto
    }

    .header-con .scroll {
        padding-top: 18.7vw;
        position: static
    }

    .header-con ul {
        display: block
    }

    .header-con ul li {
        width: 100%;
        padding: 0;
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, .13)
    }

    .header-con ul .title {
        padding: 0 5.3vw;
        padding-right: 12vw;
        font-size: 4.8vw;
        line-height: 13.4vw;
        position: relative
    }

    .header-con ul .title .arrow {
        position: absolute;
        right: 2vw;
        top: 50%;
        width: 40px;
        height: 40px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block
    }

    .header-con ul .title .arrow:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/d-down1.png) center center no-repeat;
        -webkit-background-size: 12px auto;
        background-size: 12px auto;
        display: block;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .header-con ul .title .arrow.active:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .header-con ul .list {
        padding: 0 0 20px;
        display: none
    }

    .header-con ul .list dl {
        padding: 0;
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }

    .header-con ul .list .title_2 {
        padding-left: 5.3vw;
        font-size: 4vw
    }

    .header-con ul .list dl dd {
        margin-left: 5.3vw
    }

    .header-con ul .list dl dd a {
        font-size: 3.2vw;
        line-height: 1.5
    }

    .header-con .header-lang,
    .header-con .header-link,
    .header-con .search-box {
        display: block;
        position: static;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }

    .header-con .header-link {
        padding: 3vw 5.3vw;
        border-bottom: 1px solid rgba(255, 255, 255, .13);
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }

    .header-con .header-link a {
        width: 25%;
        font-size: 3.2vw;
        color: #fff;
        line-height: 10vw;
        flex-shrink: 0
    }

    .header-con .header-lang {
        padding: 3vw 5.3vw;
        border-bottom: 1px solid rgba(255, 255, 255, .13)
    }

    .header-con .header-lang a {
        font-size: 3.8vw;
        color: #fff;
        line-height: 10vw;
        background: url(../images/d-lang1.png) 0 center no-repeat;
        -webkit-background-size: 4vw auto;
        padding-left: 6vw;
    }

    .header-con .search-box {
        margin: 3vw auto;
        width: calc(100% - 10.6vw)
    }

    .header-con .search-box .inp {
        box-shadow: none
    }

    .footer {
        margin: 0;
        background-color: #217050
    }

    .footer .footer-bg,
    .footer .footer-cloud {
        display: none
    }

    .footer .box-footer1 .wp {
        padding: 0
    }

    .footer .footer-1 {
        height: auto;
        margin: 0;
        padding: 5.3vw 0;
        border-bottom: 1px solid rgba(255, 255, 255, .13)
    }

    .footer .footer-1.active .footer1-bg {
        display: none
    }

    .footer .d-ftNavUl-1 {
        padding: 0;
        opacity: 1 !important;
        flex-wrap: wrap;
        margin-bottom: -20px
    }

    .footer .d-ftNavUl-1 li {
        margin-bottom: 20px;
        width: 25%
    }

    .footer .d-ftNavUl-1 .icon {
        width: 12vw;
        height: 12vw;
        line-height: 12vw
    }

    .footer .d-ftNavUl-1 .title {
        margin-top: 10px;
        font-size: 3.2vw;
        color: #fff
    }

    .footer .footer-2 {
        padding: 5.3vw;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, .13)
    }

    .footer .footer-logo {
        margin-bottom: 20px;
        width: 100%;
        height: 15vw;
        line-height: 15vw;
        text-align: center
    }

    .footer .footer-info {
        max-width: 100%;
        width: 60vw;
        padding: 0;
        margin: 0 auto
    }

    .footer .footer-info .item {
        margin: 0 0 15px;
        width: 100%
    }

    .footer .footer-info .icon {
        width: 8vw;
        height: 8vw;
        line-height: 8vw
    }

    .footer .footer-info .text {
        width: 80%
    }

    .footer .footer-info .title {
        font-size: 4.3vw
    }

    .footer .footer-info .txt {
        margin-top: 10px;
        font-size: 3.2vw
    }

    .footer .footer-3 {
        padding: 5.3vw
    }

    .footer .footer-link {
        margin-bottom: -15px
    }

    .footer .footer-link a {
        margin-bottom: 15px;
        font-size: 3.8vw;
        width: 50%;
        text-align: center
    }

    .footer .footer-4 {
        padding: 5.3vw 0;
        display: block
    }

    .footer .footer-copy {
        font-size: 3.2vw;
        line-height: 2;
        text-align: center
    }

    .footer .footer-copy img {
        margin-right: 3vw;
        max-width: 4vw
    }

    .footer .footer-4 .footer4-cor {
        display: block;
        order: 1
    }

    .footer .footer-4 .footer4-col {
        order: 2
    }

    .footer .footer-yx {
        width: 100%;
        margin-bottom: 10px
    }

    .footer .footer-share {
        margin-bottom: 10px;
        justify-content: center
    }

    .footer .footer-share .item {
        margin: 0 5px
    }

    .banner {
        height: 60vw
    }

    .banner .banner-dots {
        display: none
    }

    .banner .banner-btns {
        bottom: 3vw;
        display: none;
    }

    .banner .banner-btns .swiper-mouse {
        width: 9vw;
        height: 9vw
    }

    .banner .banner-btns .swiper-mouse:after {
        -webkit-background-size: 3vw auto;
        background-size: 3vw auto
    }

    .d-title1 {
        margin-bottom: 5.4vw !important
    }

    .d-title1 .title {
        font-size: 7vw;
        height: 23vw;
        padding-top: 10vw
    }

    .d-title1 .d-btns1 {
        top: 18vw
    }

    .d-btns1 a {
        padding-right: 7vw;
        font-size: 3.8vw
    }

    .d-btns1 a:after {
        width: 6vw
    }

    .d-title1.tal {
        display: block
    }

    .d-title1.tal .title {
        width: 100%;
        padding: 0;
        padding-top: 10vw;
        width: auto;
        /* text-align: center; */
    }

    .d-title1.tal .title .tit-bg {
        width: 97vw;
        height: auto;
        top: auto;
        bottom: 0;
        left: -34%;
}
.d-title1.column .title {
    height: auto;
}
.d-title1.column .title .tit-bg{
    width: 30vw;
    height: auto;
    top: 50%;
    left: -7vw;
}

    .d-title1.tal .d-tabsTit1 {
        width: 100%;
        justify-content: center;
    }

    .d-desc1 {
        margin-bottom: 6vw;
        padding: 0 5.3vw;
        font-size: 3.2vw
    }

    .row-ind1 {
        padding-bottom: 15vw
    }

    .d-ind1-1 {
        padding: 5.3vw 0
    }

    .d-news1 {
        display: block
    }

    .d-news1 .news1-center,
    .d-news1 .news1-left,
    .d-news1 .news1-right {
        width: 100%
    }

    .d-news1 .news1-center,
    .d-news1 .news1-left {
        margin-bottom: 6vw
    }

    .d-nUl-1 {
        margin-bottom: -3vw
    }

    .d-nUl-1 li {
        margin-bottom: 3vw
    }

    .d-nUl-1 .wrap {
        padding: 4.3vw;
        height: 27vw
    }

    .d-nUl-1 .title {
        font-size: 4.3vw;
        line-height: 1.5;
        height: 3em
    }

    .d-nUl-1 .time {
        font-size: 4.3vw;
        line-height: 1.5
    }

    .d-news-swiper1 {
        padding-bottom: 15vw
    }

    .d-news-swiper1 .img {
        margin-bottom: 4.3vw;
        height: auto;
        padding-top: 66.92%
    }

    .d-news-swiper1 .img img {
        position: absolute;
        left: 0;
        top: 0
    }

    .d-news-swiper1 .title {
        font-size: 4.8vw
    }

    .d-news-swiper1 .swiper-news-btns .swiper-pagination .swiper-pagination-bullet {
        font-size: 4.3vw;
        margin: 0 1vw !important
    }

    .d-news-swiper1 .swiper-news-btns .swiper-pagination .swiper-pagination-bullet-active {
        font-size: 5vw
    }

    .d-ind1-2 {
        padding: 5.3vw 0
    }

    .d-ind1-2 .d-title1 {
        width: 22vw;
        height: 90vw
    }

    .d-notice-swiper1 {
        padding: 0 10px 30px 0
    }

    .d-notice-swiper1 .slider {
        padding: 30px 20px 20px
    }

    .d-notice-swiper1 .swiper-slide:hover .wrap {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }

    .d-notice-swiper1 .text {
        padding: 5vw 8.6vw;
        height: 74vw
    }

    .d-notice-swiper1 .text:before {
        width: 11vw;
        height: 69vw
    }

    .d-notice-swiper1 .pos {
        font-size: 3.8vw;
        line-height: 1.5
    }

    .d-notice-swiper1 .title {
        font-size: 4.3vw;
        line-height: 1.5;
        max-height: 4.5em
    }

    .d-notice-swiper1 .time {
        font-size: 4.3vw
    }

    .d-notice-swiper1 .swiper-slide:hover .text {
        padding: 8vw 8.6vw
    }

    .d-notice-swiper1 .swiper-notice-btns {
        right: 0
    }

    .d-ind1-3 {
        padding: 5.3vw 0
    }

    .d-ind1-3 .d-title1 {
        padding-left: 0
    }

    .d-media1 {
        display: block
    }

    .d-media1 .media-point,
    .d-media1 .media1-circle {
        display: none
    }

    .d-media1 .media1-col,
    .d-media1 .media1-cor {
        width: 100%;
        padding: 0;
        margin: 0
    }

    .d-media1 .media1-col {
        margin-bottom: 6vw
    }

    .d-media-swiper1-for {
        width: 100%
    }

    .d-media-swiper1-for .time .t1 {
        font-size: 9.5vw
    }

    .d-media-swiper1-for .time .t2 {
        font-size: 3.8vw
    }

    .d-media-swiper1-for .text {
        padding-top: 2vw
    }

    .d-media-swiper1-for .title {
        font-size: 4.3vw;
        line-height: 1.5;
        height: 3em
    }

    .d-media-swiper1-for .img {
        margin-top: 20px;
        height: 60vw
    }

    .d-media-swiper1-for .txt {
        margin-top: 20px;
        font-size: 3.8vw;
        line-height: 1.5;
        height: 4.5em
    }

    .d-media-swiper1-nav {
        margin: 0
    }

    .d-media-swiper1-nav .slider {
        padding: 0 0 10px;
        height: 80vw
    }

    .d-media-swiper1-nav .swiper-slide {
        -webkit-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        transform: translate(0) !important
    }

    .d-media-swiper1-nav .wrap {
        width: 100% !important;
        height: 16vw;
        line-height: 16vw
    }

    .d-media-swiper1-nav .line {
        left: 0 !important
    }

    .d-media-swiper1-nav .line:before {
        left: -2px
    }

    .d-media-swiper1-nav .title {
        padding: 0 5vw;
        font-size: 4.3vw
    }

    .d-media-swiper1-nav .title .type {
        font-size: 4.3vw !important
    }

    .d-ind1-4 {
        padding: 5.3vw 0
    }

    .d-tabsTit1 {
        justify-content: flex-end;
        position: relative;
        z-index: 10;
        margin-top: 3vw
    }

    .d-tabsTit1 .d-btns1 {
        right: 0;
        bottom: 100%;
        top: auto;
        width: auto
    }

    .d-tabsTit1 .d-btns1 a {
        padding-left: 0;
        padding-right: 7vw
    }

    .d-tabsTit1 .tit {
        padding: 0 5vw;
        font-size: 4.3vw;
        width: 100% !important;
        line-height: 10vw
    }

    .d-tabsTit1 li.on .tit {
        font-size: 5.2vw
    }

    .d-teach-swiper1 {
        margin: 0;
        padding: 0 40px
    }

    .d-teach-swiper1 .swiper-slide {
        width: 100% !important
    }

    .d-teach-swiper1 .wrap {
        height: 84vw
    }

    .d-teach-swiper1 .bg {
        background-image: url(../images/d-border4_on.png)
    }

    .d-teach-swiper1 .img {
        display: block
    }

    .d-teach-swiper1 .top {
        padding: 20px 30px;
        height: auto
    }

    .d-teach-swiper1 .top:after {
        display: none
    }

    .d-teach-swiper1 .top .title {
        color: #fff;
        font-size: 4.3vw;
        line-height: 1.5;
        height: 4.5em
    }

    .d-teach-swiper1 .info {
        padding: 0 30px;
        height: auto
    }

    .d-teach-swiper1 .info .icon {
        width: 4vw;
        height: 4vw;
        line-height: 4vw
    }

    .d-teach-swiper1 .info .icon img {
        display: none
    }

    .d-teach-swiper1 .info .icon img:nth-child(2) {
        display: inline-block
    }

    .d-teach-swiper1 .info .txt {
        color: #fff;
        font-size: 3.8vw
    }

    .row-ind2 {
        margin: -15vw 0 -5vw;
        padding-top: 10.6vw
    }

    .ind2-flower1 {
        -webkit-transform: translateY(10vw);
        -ms-transform: translateY(10vw);
        -o-transform: translateY(10vw);
        transform: translateY(10vw)
    }

    .d-ind2-1 {
        padding: 5.3vw 0 10.6vw
    }

    .d-numD-swiper1 {
        height: auto;
        padding-bottom: 15vw
    }

    .d-numD-swiper1:after {
        display: none
    }

    .d-numD-swiper1 .swiper-slide {
        padding: 0 5.3vw
    }

    .d-numD-swiper1 .bigImg {
        display: none
    }

    .d-numDUl-1 {
        margin-bottom: -20px;
        font-size: 0
    }

    .d-numDUl-1 li {
        margin-bottom: 20px;
        position: static;
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .d-numDUl-1 .img {
        width: 20vw;
        height: 20vw;
        line-height: 20vw
    }

    .d-numDUl-1 .text {
        margin-left: 0
    }

    .d-numDUl-1 .num {
        font-size: 7vw
    }

    .d-numDUl-1 .txt {
        margin-top: 0;
        font-size: 3.2vw
    }

    .d-numD-swiper1 .swiper-next,
    .d-numD-swiper1 .swiper-prev {
        bottom: 0
    }

    .row-ind3 {
        padding-bottom: 60vw
    }

    .ind3-bg1 {
        -webkit-background-size: 1920px 100%;
        background-size: 1920px 100%
    }

    .d-ind3-1 {
        padding: 10.6vw 0 5.3vw
    }

    .d-tabsTit2 {
        white-space: nowrap;
        overflow-x: auto;
        justify-content: flex-start
    }

    .d-tabsTit2 .inner {
        padding: 0 5vw
    }

    .d-tabsTit2 .title {
        font-size: 4.8vw
    }

    .d-tabsTit2 .on .title {
        font-size: 5.6vw
    }

    .d-tabsTit2 .num {
        width: 26vw;
        height: 16vw;
        line-height: 16vw;
        font-size: 4.8vw
    }

    .d-dev1 {
        display: block
    }

    .d-dev1 .dev1-col,
    .d-dev1 .dev1-cor {
        width: 100%;
        padding: 0
    }

    .d-dev1 .dev1-col {
        margin-bottom: 6vw
    }

    .d-dev1-1 .text {
        padding: 3vw 5.3vw
    }

    .d-dev1-1 .time {
        font-size: 3.8vw
    }

    .d-dev1-1 .title {
        font-size: 4.3vw
    }

    .d-devUl-1 {
        margin-bottom: -3vw
    }

    .d-devUl-1 li {
        margin-bottom: 3vw
    }

    .d-devUl-1 li:nth-child(2) {
        width: 100%
    }

    .d-devUl-1 .inner {
        display: block;
        padding: 10.6vw 5.3vw;
        height: auto
    }

    .d-devUl-1 .img {
        width: 100%;
        margin-bottom: 15px
    }

    .d-devUl-1 .text {
        padding: 0;
        width: 100%
    }

    .d-devUl-1 .title {
        font-size: 4.3vw;
        line-height: 1.5;
        height: 3em
    }

    .d-devUl-1 .txt {
        margin-top: 15px;
        font-size: 3.8vw;
        line-height: 1.5;
        height: 3em
    }

    .d-devUl-1 .time {
        margin-top: 20px;
        font-size: 3.8vw
    }

    .d-devUl-1 li:nth-child(2) .text {
        padding: 0
    }

    .d-dev1 .d-btns1 {
        margin-top: 6vw;
        position: static;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        display: -webkit-flex;
        display: flex;
        justify-content: center
    }

    .d-dev1 .d-btns1 a {
        position: relative
    }

    .d-ind3-2 {
        padding: 5.3vw 0
    }

    .d-ind3-2 .d-desc1 {
        margin-bottom: 6vw
    }

    .d-talent-swiper1-for {
        margin-bottom: 20px;
        padding: 0 40px;
        width: 100%
    }

    .d-talent-swiper1-for .slider {
        padding: 6px
    }

    .d-talent-swiper1-for .text {
        padding: 10px 15px
    }

    .d-talent-swiper1-for .type {
        margin-right: 15px;
        font-size: 4.2vw
    }

    .d-talent-swiper1-for .title {
        font-size: 3.8vw
    }

    .d-talent-swiper1-nav .wrap {
        padding: 4vw 0
    }

    .d-talent-swiper1-nav .img {
        width: 25vw;
        height: 25vw
    }

    .d-talent-swiper1-nav .circle {
        width: 30vw;
        height: 30vw
    }

    .d-ind3-3 {
        padding: 5.3vw 0
    }

    .d-media2 {
        display: block
    }

    .d-media2 .media2-lion {
        display: none
    }

    .d-share1 {
        margin-bottom: 3vw;
        position: static;
        display: -webkit-flex;
        display: flex;
        justify-content: center
    }

    .d-share1 .item {
        margin: 0 10px 0 0
    }

    .d-share1 .icon {
        width: 12vw;
        height: 12vw;
        line-height: 12vw
    }

    .d-share1 .icon:after {
        width: 10vw;
        height: 10vw;
        margin: -5vw 0 0 -5vw
    }

    .d-share1 .pop-codes {
        padding: 10px 0 0;
        left: 50%;
        top: 100%;
        -webkit-transform: translate(-50%, 10px);
        -ms-transform: translate(-50%, 10px);
        -o-transform: translate(-50%, 10px);
        transform: translate(-50%, 10px)
    }

    .d-share1 .item:hover .pop-codes {
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .d-media2 .media2-col,
    .d-media2 .media2-com,
    .d-media2 .media2-cor {
        width: 100%
    }

    .d-media2 .media2-col,
    .d-media2 .media2-com {
        margin-bottom: 3vw
    }

    .d-mediaUl-1 .text {
        padding: 15px 0;
        left: 15px;
        right: 15px
    }

    .d-mediaUl-1 .title {
        font-size: 4.3vw
    }

    .d-mediaUl-2 .wrap {
        padding: 15px 20px 15px 30px
    }

    .d-mediaUl-2 .top .time {
        font-size: 3.8vw
    }

    .d-mediaUl-2 .top .icon {
        width: 7vw;
        height: 7vw;
        line-height: 7vw
    }

    .d-mediaUl-2 .title {
        font-size: 4.3vw;
        line-height: 1.5;
        max-height: 3em
    }

    .d-media2-view .title {
        font-size: 5.2vw;
        width: 7vw
    }

    .d-media2-swiper1 .title {
        font-size: 4.3vw
    }

    .row-ind4 {
        margin-top: -60vw;
        padding: 20vw 0 0
    }

    .d-ind4-1 {
        padding: 10.6vw 0
    }

    .d-topic-swiper1 {
        padding: 0 40px
    }

    .d-topic-swiper1 .slider .slider-in {
        margin: 0
    }

    .d-topic-swiper1 .img {
        height: 26vw
    }
}

@media only screen and (max-width: 767px) {
    .banner .txt {
        padding: 10px;
        font-size: 14px
    }

    .banner .swiper-button-prev {
        left: 0;
        right: auto;
        top: 50%;
        margin-top: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
}

    .banner .swiper-button-next {
        right: 0;
        left: auto;
        top: 50%;
        margin-top: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    .banner .swiper-button-next:hover, 
    .banner .swiper-button-prev:hover{
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);        
    }

    .search-box {
        width: 80%;
    }
}

/*!****** rel end *******/
.row-sec {
    padding-bottom: 350px
}

.m-sec1 {
    padding: 98px 0 54px
}

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

.m-sec1 .d-title1 {
    margin-bottom: 66px
}

.m-sec1 .box .desc {
    font-size: 18px;
    color: #333;
    line-height: 42px;
    margin-bottom: 75px;
    padding-right: 170px;
    box-sizing: border-box
}

.m-sec1 .box .l {
    position: relative;
    z-index: 2;
    width: 860px;
    padding-top: 24px
}

.m-sec1 .pic-r {
    position: absolute;
    top: 0;
    right: 0;
    width: 720px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.m-sec1 .pic {
    position: relative
}

.m-sec1 .pic .txt,
.m-sec1 .pic-r .txt {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.m-sec1 .pic .txt .tit,
.m-sec1 .pic-r .txt .tit {
    font-size: 32px;
    text-align: center;
    color: #fff;
    margin-bottom: 18px
}

.m-sec1 .pic .txt .tit {
    color: #5e402d
}

.m-sec1 .pic .txt b,
.m-sec1 .pic-r .txt b {
    display: block;
    margin: 0 auto;
    width: 54px;
    height: 4px;
    background: #d9b765
}

.m-sec1 .pic img,
.m-sec1 .pic-r img {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.m-sec1 .box .pic-r:hover img,
.m-sec1 .box .pic:hover img {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08)
}

.g-sec {
    position: relative;
    overflow: hidden
}

.g-sec .more {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 5;
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #217050;
    padding-right: 35px;
    -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
}

.g-sec .more:hover {
    opacity: .8
}

.g-sec .more::after {
    position: absolute;
    right: 0;
    bottom: -10%;
    display: block;
    content: ' ';
    width: 36px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 36px auto;
    background-image: url(../images/e-more.png)
}

.m-swiper-e1 {
    position: relative;
    padding: 0 67px
}

.swiper-e1 {
    margin: 0 -20px
}

.swiper-e1 .tit {
    font-size: 17px;
    font-weight: 400;
    color: #333;
    height: 5.1em;
    line-height: 1.7;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin: 19px 0 80px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.m-swiper-e1-mobile .swiper-e1 .swiper-slide-active .tit,
.ul-slide-e1 .li.on .tit {
    font-size: 18px;
    color: #fff;
    margin: 98px 0 5px
}

.swiper-e1 .desc .txt {
    font-size: 15px;
    color: #666;
    line-height: 36px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.m-swiper-e1-mobile .swiper-e1 .swiper-slide-active .desc .txt,
.ul-slide-e1 .li.on .desc .txt {
    font-size: 16px;
    color: #fff
}

.m-swiper-e1-mobile .swiper-e1 .con1,
.ul-slide-e1 .con1 {
    overflow: hidden
}

.m-swiper-e1-mobile .swiper-e1 .pic1,
.ul-slide-e1 .pic1 {
    float: left;
    width: 21px;
    height: 21px;
    overflow: hidden;
    margin-top: 8px;
    margin-right: 10px
}

.m-swiper-e1-mobile .swiper-e1 .pic1 img,
.ul-slide-e1 .pic1 img {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.m-swiper-e1-mobile .swiper-e1 .pic1 .img2,
.m-swiper-e1-mobile .swiper-e1 .swiper-slide-active .img1,
.ul-slide-e1 .li.on .img1,
.ul-slide-e1 .pic1 .img2 {
    display: none
}

.m-swiper-e1-mobile .swiper-e1 .swiper-slide-active .img2,
.ul-slide-e1 .li.on .img2 {
    display: block
}

.swiper-e1 .pic {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 146px auto;
    background-image: url(../images/e-pic3.png);
    width: 146px;
    height: 146px;
    margin: 0 auto -89px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 3;
    opacity: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.m-swiper-e1-mobile .swiper-e1 .swiper-slide-active .pic,
.ul-slide-e1 .on .pic {
    opacity: 1
}

.swiper-e1 .pic img {
    display: block;
    width: 114px;
    height: 114px;
    border-radius: 50%;
    margin: 0 auto
}

.ul-slide-e1 {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 -16.5px
}

.ul-slide-e1 .li {
    float: left;
    width: 18.3%;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.ul-slide-e1 .li.on {
    width: 26.3%
}

.ul-slide-e1 .con {
    padding-top: 10px;
    margin: 0 16.5px
}

.swiper-e1 .item {
    display: block;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 99% auto;
    height: 388px;
    background-image: url(../images/e-pic2.png);
    padding: 28px 30px 50px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.m-swiper-e1-mobile .swiper-e1 .swiper-slide-active .item,
.ul-slide-e1 .li.on .item {
    background-image: url(../images/e-pic2-on.png)
}

.m-sec2 {
    padding-bottom: 45px
}

.m-sec3 .g-titorg2 {
    margin: 60px 0 66px
}

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

.m-swiper-e1 .swiper-button-next,
.m-swiper-e1 .swiper-button-prev,
.swiper-e2 .swiper-button-next,
.swiper-e2 .swiper-button-prev {
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-size: 0;
    border: none;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    width: 27px;
    height: 44px;
    background-size: 27px auto;
    z-index: 3;
    opacity: .6;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.m-swiper-e1 .swiper-button-next:hover,
.m-swiper-e1 .swiper-button-prev:hover,
.swiper-e2 .swiper-button-next:hover,
.swiper-e2 .swiper-button-prev:hover {
    opacity: 1
}

.m-swiper-e1 .swiper-button-prev,
.swiper-e2 .swiper-button-prev {
    left: 0;
    background-image: url(../images/e-prev.png)
}

.m-swiper-e1 .swiper-button-next,
.swiper-e2 .swiper-button-next {
    right: 0;
    background-image: url(../images/e-next.png)
}

.m-swiper2 .swiper-slide {
    padding-bottom: 115px
}

.m-swiper2 .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 7px
}

.swiper-e2 .swiper-button-prev {
    right: 61%;
    left: auto;
    bottom: 4px !important;
    top: auto;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    z-index: 20
}

.swiper-e2 .swiper-button-prev:hover {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px)
}

.swiper-e2 .swiper-button-next {
    right: auto;
    left: 61%;
    bottom: 4px !important;
    top: auto;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    z-index: 20
}

.swiper-e2 .swiper-button-next:hover {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px)
}

.swiper-e2 .date {
    font-size: 18px;
    font-weight: 400;
    color: #217050;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    margin-bottom: 10px
}

.swiper-e2 .tit {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    height: 3.2em;
    line-height: 1.6;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 36px;
    display: block;


}

.swiper-e2 .con .tit span {
    background-image: linear-gradient(#333, #333);
    background-position: 0 100%;
    background-size: 0 2px;
    background-repeat: no-repeat;
    transition: background-size .5s ease-in-out;
    -webkit-transition: background-size .5s ease-in-out;
    -moz-transition: background-size .5s ease-in-out;
    -ms-transition: background-size .5s ease-in-out;
    -o-transition: background-size .5s ease-in-out
}

.swiper-e2 .con:hover .tit span {
    background-size: 100% 2px;
}

.swiper-e2 .swiper-slide-next .con:hover .tit span {
    background-size: 0 2px;
}

.swiper-e2 .swiper-slide-next .con .tit {
    text-decoration: unset
}

.swiper-e2 .desc {
    font-size: 16px;
    color: #333;
    height: 7.6em;
    line-height: 1.9;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin-bottom: 20px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.swiper-e2 .con {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    height: 750px;
    padding: 50px 0 41px;
    background-image: url(../images/e-pic18.jpg);
    background-size: 0;
    background-repeat: no-repeat;
    background-position: center
}

.swiper-e2 .swiper-slide-next .con {
    padding: 50px 54px 41px;
    background-size: cover
}

.swiper-e2 .pic {
    position: relative;
    padding-top: 69.8%;
    height: 0;
    margin-bottom: 37px;
    overflow: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.swiper-e2 .swiper-slide-active .con .txt {
    padding-right: 40px
}

.swiper-e2 .swiper-slide-next+.swiper-slide .txt {
    padding-left: 40px
}

.swiper-e2 .swiper-slide-next .pic {
    padding-top: 89.2%
}

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

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

.swiper-e2 .swiper-slide-next .con .date,
.swiper-e2 .swiper-slide-next .con .desc,
.swiper-e2 .swiper-slide-next .con .tit {
    color: #fff
}

.swiper-e2 .swiper-pagination-bullet {
    width: auto;
    height: auto;
    display: inline-block;
    border-radius: 0;
    background: 0 0;
    opacity: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    font-size: 20px;
    font-family: Arial;
    vertical-align: middle;
    color: #217050;
    opacity: .5;
    margin: 0 10px !important;
    position: relative;
    top: 2px
}

.swiper-e2 .swiper-pagination-bullet-active {
    opacity: 1;
    font-size: 32px;
    font-family: Impact;
    top: 0
}

.ul-num-e1 {
    text-align: center
}

.ul-num-e1 li {
    display: inline-block;
    text-align: center
}

.ul-num-e1 .num {
    font-size: 20px;
    font-family: Arial;
    font-weight: 400;
    color: #217050;
    opacity: .5
}

.ul-num-e1 .on .num {
    opacity: 1;
    font-size: 32px;
    font-family: Impact
}

.m-swiper-e1-mobile {
    display: none
}

.row-life {
    overflow: hidden;
    padding: 98px 0 150px
}

.m-life1 .d-title1 {
    margin-bottom: 54px
}

.m-life1 .desc1 {
    font-size: 16px;
    text-align: center;
    color: #666;
    line-height: 36px;
    padding-bottom: 175px
}

.g-tit-life {
    position: absolute;
    left: 40px;
    top: -105px
}

.g-tit-life span {
    position: relative;
    font-size: 36px;
    font-family: SourceHanSerifCN;
    font-weight: 700;
    color: #333;
    background-image: url(../images/e-line1.png);
    background-position: left center;
    background-size: 24px auto;
    background-repeat: no-repeat;
    padding-left: 40px
}

.g-tit-life span::after {
    position: absolute;
    left: -1000px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: block;
    content: ' ';
    width: 1000px;
    height: 1px;
    background: #2f8e70
}

.ul-life1 li {
    margin-bottom: 161px
}

.ul-life1 .box {
    position: relative;
    padding: 86px 60px 68px 80px
}

.ul-life1 .box .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1
}

.ul-life1 .con {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse
}

.ul-life1 li:nth-child(even) .con {
    display: flex;
    justify-content: space-between;
    flex-direction: row
}

.ul-life1 li:nth-child(even) .g-tit-life {
    left: auto;
    right: 40px
}

.ul-life1 li:nth-child(even) .g-tit-life span {
    background-image: url(../images/e-line1.png);
    background-position: right center;
    background-size: 24px auto;
    background-repeat: no-repeat;
    padding-left: 0;
    padding-right: 40px
}

.ul-life1 li:nth-child(even) .g-tit-life span::after {
    position: absolute;
    right: -1000px;
    left: auto
}

.ul-life1 .pic {
    width: 580px;
    height: 400px;
    overflow: hidden;
    margin-top: -158px;
    margin-left: 119px
}

.ul-life1 li:nth-child(even) .con .pic {
    margin-left: 0;
    margin-right: 119px
}

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

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

.ul-life1 .txt {
    flex: 1;
    overflow: hidden
}

.ul-item {
    overflow: hidden
}

.ul-item .li {
    float: left;
    width: 33.3%
}

.ul-item .con1 {
    position: relative;
    font-size: 18px;
    color: #fff;
    line-height: 42px;
    padding-left: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.ul-item .con1 span {
    background-image: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8));
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: bottom left;
    transition: background-size .3s ease-in-out;
    -webkit-transition: background-size .3s ease-in-out;
}

.ul-item .con1 span:hover {
    background-size: 100% 1px;
}

.ul-item .con1::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: block;
    content: ' ';
    width: 14px;
    height: 24px;
    background-image: url(../images/e-icon4.png);
    background-position: center;
    background-size: 14px auto;
    background-repeat: no-repeat
}

@media only screen and (min-width: 1199px) and (max-width:1800px) {
    .row-sec {
        padding-bottom: 19.44vw
    }

    .m-sec1 {
        padding: 5.444vw 0 3vw
    }

    .m-sec1 .d-title1 {
        margin-bottom: 3.666vw
    }

    .m-sec1 .box .desc {
        font-size: 1vw;
        line-height: 2.333vw;
        margin-bottom: 4.166vw;
        padding-right: 9.444vw;
        box-sizing: border-box
    }

    .m-sec1 .pic .txt .tit,
    .m-sec1 .pic-r .txt .tit {
        font-size: 1.777vw;
        margin-bottom: 1vw
    }

    .m-sec1 .pic .txt b,
    .m-sec1 .pic-r .txt b {
        margin: 0 auto;
        width: 3vw;
        height: .222vw;
        background: #d9b765
    }

    .m-sec1 .box .l {
        width: 47.77vw;
        padding-top: 1.333vw
    }

    .m-sec1 .pic-r {
        top: 0;
        right: 0;
        width: 40vw
    }

    .g-sec .more {
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        font-size: 1.222vw;
        font-weight: 700;
        padding-right: 1.944vw;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%)
    }

    .g-sec .more::after {
        right: 0;
        bottom: -10%;
        content: ' ';
        width: 2vw;
        height: 1vw;
        background-repeat: no-repeat;
        background-size: 2vw auto;
        background-image: url(../images/e-more.png)
    }

    .m-swiper-e1 {
        padding: 0 3.722vw
    }

    .swiper-e1 {
        margin: 0 -1.111vw
    }

    .swiper-e1 .tit {
        font-size: .944vw;
        font-weight: 400;
        height: 5.1em;
        line-height: 1.7;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin: 1.055vw 0 4.444vw;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .ul-slide-e1 .li.on .tit {
        font-size: 1vw;
        margin: 5.444vw 0 .277vw
    }

    .swiper-e1 .desc .txt {
        font-size: .833vw;
        line-height: 2vw;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .ul-slide-e1 .li.on .desc .txt {
        font-size: .888vw
    }

    .ul-slide-e1 .pic1 {
        width: 1.166vw;
        height: 1.166vw;
        margin-top: .444vw;
        margin-right: .555vw
    }

    .ul-slide-e1 .pic1 img {
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .swiper-e1 .pic {
        background-repeat: no-repeat;
        background-size: 8.111vw auto;
        background-image: url(../images/e-pic3.png);
        width: 8.111vw;
        height: 8.111vw;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
        margin-bottom: -4.944vw;
        opacity: 0;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .ul-slide-e1 .on .pic {
        opacity: 1
    }

    .swiper-e1 .pic img {
        width: 6.333vw;
        height: 6.333vw;
        border-radius: 50%;
        margin: 0 auto
    }

    .ul-slide-e1 {
        margin: 0 -.916vw
    }

    .ul-slide-e1 .li {
        width: 18.3%;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .ul-slide-e1 .li.on {
        width: 26.3%
    }

    .ul-slide-e1 .con {
        padding-top: .555vw;
        margin: 0 .916vw
    }

    .ul-slide-e1 .item {
        background-repeat: no-repeat;
        height: 21.55vw;
        background-image: url(../images/e-pic2.png);
        padding: 1.555vw 1.666vw 2.777vw;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .ul-slide-e1 .li.on .item {
        background-image: url(../images/e-pic2-on.png)
    }

    .m-sec2 {
        padding-bottom: 2.5vw
    }

    .m-sec3 .g-titorg2 {
        margin: 3.333vw 0 3.666vw
    }

    .m-swiper-e1 .swiper-button-next,
    .m-swiper-e1 .swiper-button-prev,
    .swiper-e2 .swiper-button-next,
    .swiper-e2 .swiper-button-prev {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        font-size: 0;
        border: none;
        background-repeat: no-repeat;
        background-size: cover;
        width: 1.5vw;
        height: 2.444vw;
        background-size: 1.5vw auto;
        opacity: .6;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .m-swiper-e1 .swiper-button-next:hover,
    .m-swiper-e1 .swiper-button-prev:hover,
    .swiper-e2 .swiper-button-next:hover,
    .swiper-e2 .swiper-button-prev:hover {
        opacity: 1
    }

    .m-swiper-e1 .swiper-button-prev,
    .swiper-e2 .swiper-button-prev {
        left: 0;
        background-image: url(../images/e-prev.png)
    }

    .m-swiper-e1 .swiper-button-next,
    .swiper-e2 .swiper-button-next {
        right: 0;
        background-image: url(../images/e-next.png)
    }

    .m-swiper2 .swiper-slide {
        padding-bottom: 6.388vw
    }

    .m-swiper2 .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: .388vw
    }

    .swiper-e2 .swiper-button-prev {
        right: 61%;
        left: auto;
        bottom: .222vw !important;
        top: auto;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }

    .swiper-e2 .swiper-button-next {
        right: auto;
        bottom: .222vw !important;
        top: auto;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }

    .swiper-e2 .date {
        font-size: 1vw;
        font-weight: 400;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        margin-bottom: .555vw
    }

    .swiper-e2 .tit {
        font-size: 1.111vw;
        font-weight: 700;
        height: 3.2em;
        line-height: 1.6;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 2vw;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .swiper-e2 .desc {
        font-size: .888vw;
        height: 7.6em;
        line-height: 1.9;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        margin-bottom: 1.111vw;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .swiper-e2 .con {
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        height: 41.66vw;
        padding: 2.777vw 0 2.277vw;
        background-image: url(../images/e-pic18.jpg);
        background-size: 0;
        background-repeat: no-repeat
    }

    .swiper-e2 .swiper-slide-next .con {
        padding: 2.777vw 3vw 2.277vw;
        background-size: cover
    }

    .swiper-e2 .pic {
        padding-top: 69.8%;
        margin-bottom: 2.055vw;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .swiper-e2 .swiper-slide-next .pic {
        padding-top: 89.2%
    }

    .swiper-e2 .swiper-slide-active .con .txt {
        padding-right: 2.222vw
    }

    .swiper-e2 .swiper-slide-next+.swiper-slide .txt {
        padding-left: 2.222vw
    }

    .swiper-e2 .pic img {
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        object-fit: cover;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .swiper-e2 .swiper-pagination-bullet {
        width: auto;
        height: auto;
        border-radius: 0;
        background: 0 0;
        opacity: 1;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        font-size: 1.111vw;
        font-family: Arial;
        opacity: .5;
        margin: 0 .555vw !important;
        top: .111vw
    }

    .swiper-e2 .swiper-pagination-bullet-active {
        opacity: 1;
        font-size: 1.777vw;
        font-family: Impact;
        top: 0
    }

    .ul-num-e1 .num {
        font-size: 1.111vw;
        font-family: Arial;
        font-weight: 400;
        opacity: .5
    }

    .ul-num-e1 .on .num {
        opacity: 1;
        font-size: 1.777vw;
        font-family: Impact
    }

    .row-life {
        padding: 5.444vw 0 8.333vw
    }

    .m-life1 .d-title1 {
        margin-bottom: 3vw
    }

    .m-life1 .desc1 {
        font-size: .888vw;
        line-height: 2vw;
        padding-bottom: 9.722vw
    }

    .g-tit-life {
        left: 2.222vw;
        top: -5.833vw
    }

    .g-tit-life span {
        font-size: 2vw;
        font-weight: 700;
        background-image: url(../images/e-line1.png);
        background-size: 1.333vw auto;
        background-repeat: no-repeat;
        padding-left: 2.222vw
    }

    .g-tit-life span::after {
        left: -55.55vw;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        content: ' ';
        width: 55.55vw;
        height: 1px;
        background: #2f8e70
    }

    .ul-life1 li {
        margin-bottom: 8.944vw
    }

    .ul-life1 .box {
        padding: 4.777vw 3.333vw 3.777vw 4.444vw
    }

    .ul-life1 .box .bg {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-size: cover;
        background-repeat: no-repeat
    }

    .ul-life1 .con {
        justify-content: space-between;
        flex-direction: row-reverse
    }

    .ul-life1 li:nth-child(even) .con {
        justify-content: space-between;
        flex-direction: row
    }

    .ul-life1 li:nth-child(even) .g-tit-life {
        left: auto;
        right: 2.222vw
    }

    .ul-life1 li:nth-child(even) .g-tit-life span {
        background-image: url(../images/e-line1.png);
        background-size: 1.333vw auto;
        background-repeat: no-repeat;
        padding-right: 2.222vw
    }

    .ul-life1 li:nth-child(even) .g-tit-life span::after {
        right: -55.55vw;
        left: auto
    }

    .ul-life1 .pic {
        width: 32.22vw;
        height: 22.22vw;
        margin-top: -8.777vw;
        margin-left: 6.611vw
    }

    .ul-life1 li:nth-child(even) .con .pic {
        margin-right: 6.611vw
    }

    .ul-life1 .pic img {
        object-fit: cover
    }

    .ul-life1 .txt {
        flex: 1
    }

    .ul-item .li {
        width: 33.3%
    }

    .ul-item .con1 {
        font-size: 1vw;
        line-height: 2.333vw;
        padding-left: 1.388vw
    }

    .ul-item .con1::after {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        content: ' ';
        width: .777vw;
        height: 1.333vw;
        background-image: url(../images/e-icon4.png);
        background-size: .777vw auto;
        background-repeat: no-repeat
    }
}

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

    .banner {
        height: 60vw
    }
    .banner .swiper-button-next, .banner .swiper-button-prev {
        bottom: 2.2vw;
    }
    .ul-life1 .box {
        position: relative;
        padding: 40px 30px 34px 40px
    }

    .ul-life1 .pic {
        width: 42%;
        height: auto;
        margin-top: -100px;
        margin-left: 30px
    }

    .ul-item .con1 {
        font-size: 15px;
        line-height: 40px;
        padding-left: 20px
    }

    .ul-item .con1::after {
        width: 12px;
        height: 22px;
        background-image: url(../images/e-icon4.png);
        background-position: center;
        background-size: 12px auto;
        background-repeat: no-repeat
    }

    .g-tit-life span {
        font-size: 25px;
        background-size: 20px auto;
        padding-left: 30px
    }

    .g-tit-life {
        position: absolute;
        left: 85px;
        top: -60px
    }

    .m-life1 .desc1 {
        font-size: 14px;
        text-align: center;
        color: #666;
        line-height: 36px;
        padding-bottom: 90px
    }

    .row-life {
        overflow: hidden;
        padding: 45px 0 67px
    }

    .m-life1 .d-title1 {
        margin-bottom: 20px
    }

    .ul-life1 li {
        margin-bottom: 105px
    }

    .ul-life1 li:nth-child(even) .con .pic {
        margin-left: 0;
        margin-right: 30px
    }

    .m-swiper-e1 {
        display: none
    }

    .m-swiper-e1-mobile {
        display: block
    }

    .m-swiper-e1-mobile .swiper-e1 .item {
        background-size: 100% 100%;
        height: auto;
        padding: 28px 40px 62px;
        margin: 0 10px
    }

    .m-swiper-e1-mobile .swiper-e1 {
        margin: 0
    }

    .swiper-e1 .pic img {
        display: block;
        width: 80px;
        height: 80px
    }

    .swiper-e1 .pic {
        background-size: 100px auto;
        background-image: url(../images/e-pic3.png);
        width: 100px;
        height: 100px;
        margin: 0 auto -64px
    }

    .m-swiper-e1-mobile .swiper-e1 .swiper-slide-active .tit {
        font-size: 16px;
        color: #fff;
        margin: 49px 0 5px;
        position: relative;
        z-index: 2
    }

    .m-swiper-e1-mobile .swiper-e1 .swiper-slide-active .desc {
        position: relative;
        z-index: 2
    }

    .m-swiper-e1-mobile .swiper-e1 .swiper-slide-active .desc .txt {
        font-size: 15px;
        color: #fff
    }

    .swiper-e1 .tit {
        font-size: 15px;
        margin: 0 0 60px
    }

    .m-sec1 {
        padding: 60px 0 30px
    }

    .m-sec1 .g-titorg2 {
        margin: 30px 0 20px
    }

    .m-swiper-e1 {
        padding: 0 40px
    }

    .m-sec2 {
        padding-bottom: 20px
    }

    .m-sec3 .g-titorg2 {
        margin: 30px 0 20px
    }

    .swiper-e2 .con {
        height: 555px;
        padding: 30px 0 20px
    }

    .swiper-e2 .swiper-slide-next .con {
        padding: 30px 20px 10px
    }

    .swiper-e2 .swiper-slide-active .con .txt {
        padding-right: 20px
    }

    .swiper-e2 .swiper-slide-next+.swiper-slide .txt {
        padding-left: 20px
    }

    .swiper-e2 .pic {
        margin-bottom: 15px
    }

    .swiper-e2 .date {
        font-size: 14px;
        margin-bottom: 5px
    }

    .swiper-e2 .tit {
        font-size: 16px;
        margin-bottom: 8px
    }

    .swiper-e2 .desc {
        font-size: 14px;
        margin-bottom: 10px
    }

    .m-swiper2 .swiper-slide {
        padding-bottom: 60px
    }

    .m-swiper-e1 .swiper-button-next,
    .m-swiper-e1 .swiper-button-prev,
    .swiper-e2 .swiper-button-next,
    .swiper-e2 .swiper-button-prev {
        width: 23px;
        height: 40px;
        background-size: 23px auto
    }

    .swiper-e2 .swiper-pagination-bullet {
        font-size: 18px;
        margin: 0 8px !important;
        top: 2px
    }

    .swiper-e2 .swiper-pagination-bullet-active {
        font-size: 25px;
        top: 0
    }

    .m-swiper2 .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 10px
    }

    .row-sec {
        padding-bottom: 200px
    }

    .g-sec .more {
        font-size: 18px;
        padding-right: 30px
    }

    .g-sec .more::after {
        width: 30px;
        height: 16px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 30px auto
    }

    .m-sec1 .pic-r {
        position: relative;
        top: 0;
        right: 0;
        width: 100%
    }

    .m-sec1 .l .pic {
        text-align: center
    }

    .m-sec1 .l .pic img {
        display: inline-block
    }

    .m-sec1 .pic-r img {
        display: block;
        width: 100%
    }

    .m-sec1 .d-title1 {
        margin-bottom: 30px
    }

    .m-sec1 .box .desc {
        font-size: 16px;
        color: #333;
        line-height: 32px;
        margin-bottom: 10px;
        padding-right: 0;
        box-sizing: border-box
    }

    .m-sec1 .box .l {
        position: relative;
        z-index: 2;
        width: 100%;
        padding-top: 30px
    }

    .m-sec2 .g-titorg2 {
        text-align: center;
        margin: 28px 0 20px
    }

    .m-sec1 .pic .txt .tit,
    .m-sec1 .pic-r .txt .tit {
        font-size: 25px;
        margin-bottom: 15px
    }

    .m-sec1 .pic .txt b,
    .m-sec1 .pic-r .txt b {
        width: 45px;
        height: 3px
    }
}

@media only screen and (max-width: 959px) {
    .d-ind3-2 {
        background: none;
    }
    
    .ul-life1 .pic {
        width: auto;
        height: auto;
        margin-top: -100px;
        margin-left: 0;
        margin-bottom: 20px
    }

    .ul-life1 li:nth-child(even) .con .pic {
        margin-left: 0;
        margin-right: 0
    }

    .ul-life1 .con {
        display: block
    }

    .m-life1 .desc1 {
        padding-bottom: 140px
    }

    .g-tit-life {
        left: 100px;
        top: -110px
    }

    .g-tit-life span {
        font-size: 20px;
        background-size: 17px auto;
        padding-left: 30px
    }

    .ul-life1 li:nth-child(even) .con {
        display: block
    }

    .ul-life1 li {
        margin-bottom: 150px
    }

    .ul-life1 li:last-child {
        margin-bottom: 50px
    }

    .row-life {
        overflow: hidden;
        padding: 45px 0 0
    }

    .swiper-e2 .con {
        height: 810px
    }

    .swiper-e2 .swiper-button-next {
        left: 65%
    }

    .swiper-e2 .swiper-button-prev {
        right: 65%
    }

    .row-sec {
        padding-bottom: 60px
    }

    .swiper-e2 .swiper-slide-active .con {
        padding: 30px 20px 10px;
        background-size: cover
    }

    .swiper-e2 .swiper-slide-active .con .date,
    .swiper-e2 .swiper-slide-active .con .desc,
    .swiper-e2 .swiper-slide-active .con .tit {
        color: #fff
    }

    .m-sec1 .pic .txt .tit,
    .m-sec1 .pic-r .txt .tit {
        font-size: 20px;
        margin-bottom: 10px
    }

    .m-sec1 .pic .txt b,
    .m-sec1 .pic-r .txt b {
        width: 40px;
        height: 2px
    }
    
    .banner .swiper-button-next, .banner .swiper-button-prev{
        bottom: 5.2vw;
    }
}

@media only screen and (max-width: 767px) {
    .g-tit-life span {
        font-size: 18px;
        background-size: 15px auto;
        padding-left: 30px
    }

    .g-tit-life {
        left: 40px;
        top: -40px
    }

    .m-life1 .desc1 {
        font-size: 14px;
        text-align: center;
        color: #666;
        line-height: 24px;
        padding-bottom: 60px
    }

    .ul-life1 .box {
        position: relative;
        padding: 20px 15px 10px
    }

    .ul-life1 .pic {
        width: auto;
        height: auto;
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 5px
    }

    .ul-item .li {
        width: 50%
    }

    .ul-item .con1 {
        font-size: 14px;
        line-height: 34px
    }

    .ul-life1 li {
        margin-bottom: 70px
    }

    .swiper-e2 .swiper-pagination-bullet {
        font-size: 14px;
        margin: 0 3px !important;
        top: 0
    }

    .swiper-e2 .swiper-pagination-bullet-active {
        font-size: 18px;
        top: 0
    }

    .swiper-e2 .con {
        height: 720px
    }

    .swiper-e2 .swiper-button-next {
        left: 77%
    }

    .swiper-e2 .swiper-button-prev {
        right: 77%
    }

    .row-sec {
        padding-bottom: 30px
    }

    .m-swiper-e1-mobile .swiper-e1 .item {
        padding: 25px 16px 30px
    }

    .m-swiper-e1 .swiper-button-next,
    .m-swiper-e1 .swiper-button-prev,
    .swiper-e2 .swiper-button-next,
    .swiper-e2 .swiper-button-prev {
        width: 20px;
        height: 36px;
        background-size: 20px auto
    }

    .g-sec .more {
        font-size: 13px;
        padding-right: 14px
    }

    .g-sec .more::after {
        width: 14px;
        height: 13px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 16px auto
    }

    .m-sec1 .pic .txt .tit,
    .m-sec1 .pic-r .txt .tit {
        font-size: 18px;
        margin-bottom: 10px
    }

    .m-sec1 .pic .txt b,
    .m-sec1 .pic-r .txt b {
        width: 30px;
        height: 2px
    }
}

@media only screen and (max-width: 600px) {
    .swiper-e2 .con {
        height: 650px
    }
}

@media only screen and (max-width: 400px) {
    .swiper-e2 .con {
        height: 480px
    }
}

/*!****** zwj *******/
::selection {
    background: rgba(38, 141, 121, .4)
}

::-moz-selection {
    background: rgba(38, 141, 121, 4);
    color: #000
}

.cur,
.cur a {
    color: #bbbb;
    line-height: 35px
}

.cur {
    padding-left: 30px;
    background: url(../images/cur.png) left center no-repeat;
    background-size: 17px auto;
    vertical-align: middle;
    font-size: 0;
    display: inline-block;
    font-family: Microsoft YaHei
}

.cur a {
    color: #666;
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    padding: 0;
    font-family: Microsoft YaHei;
    transition: .3s
}

.cur a::after {
    display: none
}

.cur span {
    color: #217050;
    display: inline-block;
    font-size: 16px;
    vertical-align: middle
}

.cur em {
    display: inline-block;
    width: 8px;
    height: 12px;
    background-image: url(../images/inside/cur-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 16px;
    vertical-align: middle;
    margin: 0 14px
}

.cur a:hover {
    color: #217050
}

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

.pages ul li {
    display: inline-block;
    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 #c0dbd4;
    transition: .3s
}

.pages ul a:hover,
.pages ul li.on a {
    border-color: #02885b;
    color: #fff;
    background-color: #02885b
}

.pages ul li.next,
.pages ul li.prev {
    margin: 0 8px
}

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

.pages ul li.next a,
.pages ul li.prev a {
    width: 74px;
    border-color: #02885b;
    color: #02885b
}

.pages ul li.end a,
.pages ul li.start a {
    width: 54px;
    border-color: #02885b;
    color: #02885b
}

.pages ul li.end a:hover,
.pages ul li.next a:hover,
.pages ul li.prev a:hover,
.pages ul li.start a:hover {
    background-color: #217050;
    border-color: #217050;
    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 #c0dbd4;
    background-color: transparent;
    margin: 0 8px;
    font-size: 12px
}

.pages ul .submit {
    width: 60px;
    height: 34px;
    text-align: center;
    color: #3e5d80;
    border: 1px solid #c0dbd4;
    background-color: transparent;
    margin: 0 8px
}

.row-ban {
    position: relative
}

.g-ban .pic {
    padding-top: 31.25%;
    position: relative
}

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

.g-navin {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px
}

.g-nav-m,
.g-navin .arr,
.g-navin .txt {
    display: none
}

.g-listnav {
    display: inline-block;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url(../images/inside/bg-2.png);
    padding: 0 167px 0 210px
}

.g-listnav li {
    display: inline-block;
    margin: 0 10px;
    position: relative
}

.g-listnav .box {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    top: 80px;
    text-align: center;
    background-color: #fff;
    z-index: 8
}

.g-listnav .con1 {
    display: block;
    font-size: 16px;
    background-color: #fff;
    padding: 10px 0;
    transition: .3s
}

.g-listnav .con1:hover {
    color: #02885b
}

.g-listnav .con {
    display: block;
    line-height: 80px;
    background-position: left bottom 16px;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 18px;
    transition: .3s;
    color: #fff;
    min-width: 100px
}

.g-listnav .on .con {
    padding-left: 70px;
    padding-right: 20px;
    background-image: url(../images/inside/bg-3.png);
    font-size: 24px;
    font-family: SourceHanSerifCN-Bold
}

.g-listnav .con:hover {
    font-family: SourceHanSerifCN-Bold
}

.row-main {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

.m-intro1 {
    padding-top: 20px
}

.m-intro1 .pic {
    float: right;
    width: 46.44%;
    margin-left: 78px;
    padding-bottom: 30px;
    position: relative
}

.m-intro1 .pic::before {
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 60px;
    height: 140px;
    background: linear-gradient(205deg, #43a787 0, #329475 100%);
    content: ""
}

.m-intro1 .pic img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1
}

.m-intro1 .txt {
    overflow: hidden
}

.m-intro1 .desc {
    font-size: 18px;
    line-height: 2.3
}

.row-intro1 {
    padding: 98px 0 116px
}

.m-intro2 {
    padding-left: 210px;
    position: relative
}

.m-intro2 .pic {
    position: absolute;
    width: 604px;
    padding: 60px 60px 0 0;
    top: 0;
    left: 0;
    z-index: 3
}

.m-intro2 .pic::after {
    position: absolute;
    width: 60px;
    height: 60px;
    background: linear-gradient(60deg, #cdab7f 23%, #d1bb9e 100%);
    right: 0;
    top: 0;
    content: "";
    background-image: url(../images/inside/b3.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.m-intro2 .pic img {
    display: block;
    width: 100%
}

.m-intro2 .txt {
    padding: 0 210px 85px 432px;
    position: relative
}

.m-intro2 .txt::before {
    position: absolute;
    right: 0;
    top: 245px;
    width: 716px;
    height: 518px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    background-image: url(../images/inside/b2.png)
}

.m-intro2 .tit {
    text-align: right;
    margin-bottom: 90px
}

.m-intro2 .tit img {
    display: inline-block
}

.m-intro2 .desc {
    font-size: 18px;
    line-height: 2.3
}

.m-numbox {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 55px 178px 55px 392px;
    position: relative;
    z-index: 1
}

.ul-listin2 {
    overflow: hidden
}

.ul-listin2 li {
    float: left;
    width: 25%;
    padding: 25px 62px
}

.ul-listin2 .con {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/inside/b1-1.png);
    color: #fff;
    padding: 40px 0 0;
    width: 160px;
    height: 160px;
    text-align: center;
    transition: .3s;
    position: relative
}

.ul-listin2 .con:hover {
    background-size: 0;
    color: #ecc593
}

.ul-listin2 .con::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 180px;
    height: 165px;
    transform: translate(-50%, -50%);
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/inside/b1.png);
    opacity: 0;
    transition: .3s
}

.ul-listin2 .con:hover:before {
    opacity: 1
}

.ul-listin2 .top {
    font-size: 36px;
    font-family: Impact;
    font-weight: 400
}

.ul-listin2 .info {
    font-size: 16px
}

.row-intro3 {
    padding: 88px 0 350px
}

.m-boxin3 .txt {
    font-size: 18px;
    line-height: 2.3
}

.m-boxin3 .picbox1 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.m-boxin3 .picbox1 img {
    display: block
}

.m-boxin3 .picbox1 .img1 {
    width: 40%
}

.m-boxin3 .picbox1 .img2 {
    width: 58%
}

.m-boxin3 .txtbox1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0
}

.m-boxin3 .txtbox1 .left {
    flex: 1;
    float: none
}

.m-boxin3 .txtbox1 .right {
    margin-left: 72px;
    width: 798px;
    float: none
}

.m-boxin3 .date {
    text-align: right;
    color: #217050;
    font-size: 16px
}

.row-dept {
    padding: 98px 0 280px
}

.row-news {
    padding: 98px 0 320px
}

.ul-listnews {
    margin-bottom: 60px
}

.ul-listnews .con {
    display: block;
    padding: 50px 250px 50px 0;
    overflow: hidden;
    border-bottom: 1px solid rgba(7, 79, 156, .1);
    position: relative;
    transition: .3s
}

.ul-listnews li:last-child .con {
    border-bottom: none
}

.ul-listnews .con::before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/inside/b5.jpg);
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: .3s;
    position: absolute
}

.ul-listnews .con::after {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/inside/b5.png);
    content: "";
    top: 10px;
    bottom: 10px;
    right: 10px;
    left: 10px;
    opacity: 0;
    transition: .3s;
    position: absolute
}

.ul-listnews .inner {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.ul-listnews .con .icon {
    position: absolute;
    width: 56px;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/inside/b4.png);
    bottom: 115px;
    right: 0;
    transition: .3s
}

.ul-listnews .con .icon::after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: "";
    border: 1px dashed #e1ad6a;
    opacity: 0
}

@media only screen and (min-width: 1199px) {
    .ul-listnews .con:hover {
        padding: 50px 200px 50px 60px;
        color: #fff
    }

    .ul-listnews .con:hover:before {
        width: 100%
    }

    .ul-listnews .con:hover::after {
        opacity: 1
    }

    .ul-listnews .con:hover .icon {
        background-image: url(../images/inside/b4-1-2.png);
        right: 60px
    }

    .ul-listnews .con:hover .pic .date {
        background-image: url(../images/inside/b7-1.png)
    }

    .ul-listnews .con:hover .txt .line {
        background-image: url(../images/inside/b6-1.png)
    }

    .ul-listnews .con:hover .desc {
        color: #fff
    }

    .ul-listnews .con:hover .icon::after {
        opacity: 1;
        animation: 10s linear infinite ani_turn
    }
}

.ul-listnews .pic {
    float: left;
    width: 360px;
    height: 240px;
    position: relative
}

.ul-listnews .pic .date {
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/inside/b7.png);
    width: 130px;
    height: 40px;
    left: 0;
    bottom: 20px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    font-family: Arial;
    color: #f9f9f9;
    position: absolute
}

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

.ul-listnews .txt {
    overflow: hidden;
    padding-left: 58px;
    padding-top: 28px;
    position: relative
}

.ul-listnews .txt .line {
    width: 80px;
    height: 18px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    background-image: url(../images/inside/b6.png);
    top: 80px
}

.ul-listnews .tit {
    font-size: 22px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.5em;
    /* margin-bottom: 22px; */
    margin-bottom: 74px;
    font-weight: 400
}

.ul-listnews .addr {
    margin-bottom: 20px;
    font-size: 16px;
    color: #999;
    padding-left: 45px;
    background-position: left 25px center;
    background-repeat: no-repeat;
    background-size: 13px;
    background-image: url(../images/inside/d1.png);
    transition: .3s
}

.ul-listnews .con:hover .addr {
    color: #fff;
    background-image: url(../images/inside/d1-1.png)
}

.ul-listnews .desc {
    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;
    font-size: 16px;
    color: #666;
    line-height: 1.875;
    transition: .3s
}

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

.ul-listnotice li {
    float: left;
    width: 50%;
    padding: 0 30px;
    margin-bottom: 30px
}

.ul-listnotice .con {
    display: block;
    position: relative;
    padding: 31px 42px 26px 38px;
    transition: .3s
}

.ul-listnotice .con::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/inside/b8-1.png);
    content: "";
    transition: .3s;
    z-index: 1
}

.ul-listnotice .con::after {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 0px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/inside/b9.png);
    content: "";
    transition: .3s
}

.ul-listnotice .inner {
    position: relative;
    z-index: 5
}

.ul-listnotice .tit {
    font-size: 20px;
    margin-bottom: 12px;
    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
}

.ul-listnotice .info {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ul-listnotice .desc {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-family: Arial;
    font-weight: 400;
    color: rgba(33, 112, 80, .7);
    transition: .3s
}

.ul-listnotice .con .icon {
    position: relative;
    width: 51px;
    height: 51px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/inside/b4-2.png);
    transition: .3s
}

.ul-listnotice .con .icon::after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: "";
    border: 1px dashed #e1ad6a;
    opacity: 0
}

@media only screen and (min-width: 1199px) {
    .ul-listnotice .con:hover {
        color: #fff
    }

    .ul-listnotice .con:hover:after {
        width: 100%;
        right: 0
    }

    .ul-listnotice .con:hover .desc {
        color: #fff
    }

    .ul-listnotice .con:hover .desc span {
        background: #e1ad6a
    }

    .ul-listnotice .con:hover .icon {
        background-image: url(../images/inside/b4-1-2.png)
    }

    .ul-listnotice .con:hover .icon::after {
        opacity: 1;
        animation: 15s linear infinite ani_turn
    }
}

.ul-listnotice .desc span {
    width: 86px;
    height: 32px;
    background: linear-gradient(90deg, #268d79 0, #2f8e70 100%);
    border-radius: 16px;
    display: block;
    text-align: center;
    line-height: 32px;
    transition: .3s;
    margin-right: 34px;
    font-size: 14px;
    color: #fff;
    transition: .3s
}

.g-titdept {
    height: 70px;
    line-height: 72px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 60px 0 50px;
    background-image: url(../images/inside/bg-4.png);
    padding-left: 35px
}

.m-dept {
    margin-bottom: 50px
}

.m-dept .cont {
    border-left: 1px solid #329475;
    padding: 0 0 34px 60px
}

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

.ul-listdept li {
    padding: 0 30px;
    margin-bottom: 30px;
    width: 33.3%;
    float: left
}

.ul-listdept .con {
    display: block;
    position: relative;
    background-image: url(../images/inside/c5.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: .3s
}

.ul-listdept .con::after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-image: url(../images/inside/c4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    transition: .3s
}

.ul-listdept .con::before {
    position: absolute;
    left: 110px;
    right: 0;
    bottom: 0;
    top: 10px;
    background-image: url(../images/inside/c3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    z-index: 1
}

.ul-listdept .con:hover:before {
    background-image: url(../images/inside/c3-1.png);
}

.ul-listdept .con:hover {
    color: #fff
}

.ul-listdept .con:hover::after {
    width: 100%
}

.ul-listdept .inner {
    position: relative;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    padding: 0 20px 0 30px
}

.ul-listdept .icon {
    width: 20px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/inside/c1.png);
    transition: .3s
}

@keyframes ani_right {

    0%,
    100% {
        transform: translateX(0);
        opacity: 1
    }

    50% {
        transform: translateX(10px);
        opacity: 1
    }
}

.ul-listdept .con:hover .icon {
    background-image: url(../images/inside/c2.png);
    animation: 1s linear infinite ani_right
}

.ul-listdept .tit {
    font-size: 18px;
    width: 90%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap
}

.row-details {
    padding: 108px 0 350px
}

.m-details .top {
    border-bottom: 1px solid #ddd;
    padding: 0 0 24px 10px;
    position: relative;
    margin-bottom: 58px
}

.m-details .top .inner {
    padding: 32px 32px 27px 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: 5px;
    top: 0;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #02885b
}

.m-details .tit {
    font-size: 30px;
    margin-bottom: 22px
}

.m-details .info {
    font-size: 16px;
    color: #888;
    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: #666;
    margin-right: 56px
}

.m-details .info .size a {
    color: #666;
    transition: .3s;
    margin: 0 4px
}

.m-details .info .size a.on,
.m-details .info .size a:hover {
    color: #02885b
}

.m-details .info .ort {
    padding-left: 36px;
    background-position: left center;
    background-size: 23px auto;
    background-repeat: no-repeat;
    background-image: url(../images/inside/c9.png);
    font-size: 16px;
    color: #888
}

.m-details .info .ort a {
    color: #217050;
    transition: .3s
}

.m-details .info .ort a:hover {
    text-decoration: underline
}

.m-details .desc {
    line-height: 2;
    font-size: 18px
}

.m-details .txt {
    padding-bottom: 70px;
    border-bottom: 1px solid #c4e4de;
    margin-bottom: 38px;
    position: relative
}

.m-details .txt::after {
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../images/inside/c8.png);
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 106px;
    height: 6px
}

.m-details .pages-box {
    font-size: 18px;
    color: #217050
}

.m-details .pages-box a {
    color: #333;
    transition: .3s
}

.m-details .pages-box .prev {
    margin-bottom: 10px
}

.m-details .pages-box a:hover {
    color: #217050;
    text-decoration: underline
}

.m-details .date {
    font-size: 16px;
    text-align: right;
    color: #888;
    margin-top: 30px
}

.share-box {
    display: inline-block;
    float: right
}

.bd_weixin_popup {
    box-sizing: content-box
}

.jump-icon {
    text-align: right;
    display: block;
    position: relative;
    z-index: 1
}

.jump-icon .con {
    display: inline-block;
    margin: 0 4px
}

.jump-icon .con a {
    width: 32px;
    height: 32px;
    border-radius: 2px;
    background-color: transparent;
    display: block;
    position: relative;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/inside/s-a6.png);
    padding-left: 0;
    margin-right: 0;
    transition: .3s
}

.jump-icon .con2 a {
    background-image: url(../images/inside/s-a9.png)
}

.jump-icon .con3 a {
    background-image: url(../images/inside/s-a8.png)
}

.jump-icon .con4 a {
    background-image: url(../images/inside/s-a7.png)
}

.jump-icon .con5 a {
    background-image: url(../images/inside/s-b1.png)
}

#bsBox,
#bsWXBox {
    box-sizing: content-box
}

.row-leader {
    padding: 98px 0 170px
}

.ul-listlead li {
    margin-bottom: 90px
}

.ul-listlead .con {
    display: block;
    overflow: hidden;
    position: relative
}

.ul-listlead .con .line {
    border-bottom: 1px dashed rgba(47, 142, 112, .5);
    height: 1px;
    right: 18px;
    left: 278px;
    position: absolute;
    top: 91px
}

.ul-listlead .con .line::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 14px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/inside2/a2.png);
    content: "";
    z-index: 2
}

.ul-listlead .con .line::after {
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 14px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/inside2/a5.png);
    content: "";
    z-index: 2
}

.ul-listlead .g-picbox {
    float: left
}

.g-picbox {
    width: 315px;
    position: relative;
    padding: 0 15px 30px 0
}

.g-picbox::before {
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/inside2/a3.png)
}

.g-picbox .pic {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.ul-listlead {
    margin-top: 80px
}

.ul-listlead .txtbox {
    overflow: hidden;
    padding-left: 72px
}

.ul-listlead .top {
    font-size: 30px;
    font-family: SourceHanSerifCN-Bold;
    color: #217050;
    padding-left: 70px;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 62px auto;
    background-image: url(../images/inside2/a4.png);
    margin-bottom: 80px
}

.ul-listlead .top span {
    display: inline-block;
    margin-right: 40px;
    color: #333
}

.ul-listlead .desc {
    font-size: 16px;
    color: #666;
    line-height: 1.9;
    padding-right: 305px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    height: 9.5em
}

.ul-listlead .txtbox .more {
    position: absolute;
    right: 54px;
    top: 40px;
    width: 134px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/inside2/a6.png)
}

.ul-listlead .con:hover .txtbox .more {
    animation: 1s linear infinite ani_right
}

.tanBox {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    left: 0;
    top: 0;
    z-index: 111;
    overflow: auto
}

.leaderTan {
    font-size: 16px
}

.tanWrap {
    position: absolute;
    width: 900px;
    margin-bottom: 40px;
    background: #fff;
    top: 6%;
    left: 50%;
    margin-left: -450px;
    border-radius: 8px
}

.leaderTanH {
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #e8e8e8
}

.leaderTanH h2 {
    font-size: 16px;
    padding-left: 24px
}

.leaderTanM {
    padding: 38px 0 34px;
    text-align: center;
    background: #f5f5f5
}

.leaderTanM .pic {
    width: 300px;
    height: 300px;
    margin: 0 auto 14px;
    border-radius: 50%
}

.leaderTanM h2 {
    font-size: 22px;
    line-height: 36px
}

.leaderTanM h3 {
    font-size: 24px;
    font-weight: 600;
    color: #24a183
}

.leaderTanB {
    height: 56px;
    line-height: 56px;
    border-top: 1px solid #e8e8e8
}

.leaderTanB a {
    float: right;
    width: 66px;
    height: 32px;
    margin: 12px 16px 0 0;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #14aa7c;
    border-radius: 5px
}

.leaderTanB a:hover {
    background: #138d5e;
    color: #fff
}

.leaderTanCont {
    padding: 34px 40px
}

.leaderTanCont p {
    line-height: 28px;
    margin-bottom: 12px
}

.leaderTanCont .leaderTanMss {
    margin-top: 36px
}

.leaderTanCont .leaderTanMss p {
    line-height: 38px;
    margin-bottom: 0
}

.tanClose {
    position: absolute;
    width: 36px;
    height: 36px;
    background: url(../images/close_btn.png) center no-repeat;
    right: 14px;
    top: 10px;
    cursor: pointer;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.tanClose:hover {
    background: url(../images/close_btn_a.png) center no-repeat;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2)
}

.row-org1 {
    padding: 98px 0 0
}

.m-org1 {
    height: 660px;
    position: relative
}

.m-org1 .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.ul-listorg1 {
    position: absolute;
    left: 270px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    overflow: hidden;
    width: 600px
}

.ul-listorg1 li {
    float: left;
    width: 50%
}

.ul-listorg1 .con {
    display: block;
    border-right: 1px solid rgba(255, 255, 255, .2);
    padding: 65px 0;
    text-align: center
}

.ul-listorg1 li:first-child .con,
.ul-listorg1 li:nth-child(2) .con {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.ul-listorg1 li:nth-child(even) .con {
    border-right: none
}

.ul-listorg1 .top {
    font-size: 16px;
    margin-bottom: 15px
}

.ul-listorg1 .desc {
    font-size: 44px;
    font-family: Impact;
    line-height: 1
}

.m-org1-txt {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 100%;
    width: 360px
}

.m-org1-txt .p {
    font-size: 18px;
    color: #fff;
    width: 20px;
    position: absolute;
    top: 83px;
    border-left: 1px solid rgba(255, 255, 255, .2);
    padding-left: 5px
}

.m-org1-txt .p1 {
    right: 70px
}

.m-org1-txt .p2 {
    right: 100px
}

.m-org1-txt .p3 {
    right: 155px
}

.m-org1-txt .tit {
    width: 66px;
    height: 288px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/inside2/b9.png);
    position: absolute;
    top: 60px;
    left: -33px
}

.m-org1-txt .tit span {
    display: inline-block;
    font-size: 26px;
    font-family: SourceHanSerifCN-Bold;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    line-height: 1.1
}

.m-org1-txt .z {
    position: absolute;
    right: 70px;
    display: block;
    top: 83px;
    width: 140px
}

.g-titorg .tit {
    height: 80px;
    line-height: 1;
    padding: 0 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/inside2/c2.png)
}

.g-titorg .tit span {
    display: block;
    font-size: 18px;
    width: 36px;
    color: #ede9da;
    font-family: SourceHanSerifCN-Bold
}

.row-org2 {
    padding: 42px 0 0
}

.row-org3 {
    /* padding:150px 0; */
}

.ul-listorg2 {
    text-align: center
}

.ul-listorg2 li {
    padding: 0 90px;
    display: inline-block
}

.ul-listorg2 .tit {
    font-size: 22px;
    color: #666;
    line-height: 1
}

.ul-listorg2 .g-picbox {
    margin: 0 auto 45px
}

.ul-listorg2 .info img {
    display: block;
    width: 413px;
    margin: 0 auto
}

.ul-listorg2 .name {
    font-size: 30px;
    font-family: SourceHanSerifCN-Bold;
    color: #217050;
    line-height: 1
}

.g-titorg2 {
    text-align: center;
    margin: 60px 0 50px
}

.g-titorg2 .tit {
    display: inline-block;
    padding: 0 210px;
    position: relative;
    font-family: SourceHanSerifCN-Bold;
    font-size: 32px
}

.g-titorg2 .tit::before {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 154px auto;
    background-image: url(../images/inside2/c4.png);
    content: "";
    height: 14px;
    width: 154px
}

.g-titorg2 .tit::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 154px auto;
    background-image: url(../images/inside2/c3.png);
    content: "";
    height: 14px;
    width: 154px
}

.row-org4 {
    padding: 50px 0 390px
}

.m-org4 {
    padding: 45px 0;
    position: relative
}

.m-org4 .c1 {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 640px;
    transform: translate(-50%, -50%);
    animation: 60s linear infinite ani_turn2
}

.ul-listorg4 {
    overflow: hidden;
    margin: 0 -50px;
    position: relative;
    z-index: 1
}

.ul-listorg4 li {
    float: left;
    width: 50%;
    padding: 0 50px
}

.ul-listorg4 .con {
    display: block
}

.ul-listorg4 .pic {
    position: relative;
    padding-top: 64.285%;
    overflow: hidden
}

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

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

.ul-listorg4 .pic::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(../images/inside2/c7.png)
}

.ul-listorg4 .pic .txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    padding: 0 15px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 2
}

.m-org4-tit {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5
}

.m-org4-tit .img1 {
    display: block;
    width: 500px
}

.m-org4-tit .box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.m-org4-tit .icon img {
    display: block;
    width: 86px;
    margin: 0 auto
}

.m-org4-tit .tit {
    font-size: 36px;
    font-family: SourceHanSerifCN-Bold;
    color: #fff
}

.row-view {
    padding: 98px 80px 280px 140px
}

.m-view {
    padding: 0 60px 0 70px;
    position: relative
}

.m-view::after {
    position: absolute;
    width: 1280px;
    height: 390px;
    left: 0;
    bottom: 0;
    content: "";
    background-image: url(../images/inside2/f1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.m-view .inner {
    padding: 0 210px 44px 0;
    position: relative
}

.m-view .inner .img2 {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 360px;
    z-index: 1
}

.m-view .inner .img2 img {
    display: block;
    width: 100%;
    height: auto
}

.m-view .inner .img2::before {
    position: absolute;
    width: 60px;
    height: 60px;
    background: linear-gradient(60deg, #cdab7f 23%, #d1bb9e 100%);
    right: -60px;
    top: -60px;
    content: "";
    background-image: url(../images/inside/b3.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.m-bancontc1 .pic {
    position: relative;
    padding-top: 55.88%;
    overflow: hidden
}

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

.m-banth1 {
    padding: 20px 24px 0;
    margin-top: -70px
}

.m-banth1 .swiper-slide {
    padding: 0 16px;
    cursor: pointer;
    transition: .3s
}

.m-banth1 .group {
    position: relative;
    padding-top: 60%;
    overflow: hidden;
    border: 6px solid transparent;
    transition: .3s
}

.m-banth1 .group img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}
.m-banth1 .swiper-slide-active,
.m-banth1 .swiper-slide-thumb-active {
    transform: translateY(-20px)
}
.m-banth1 .swiper-slide-active .group ,
.m-banth1 .swiper-slide-thumb-active .group {
    border: 6px solid #d9b765
}

.m-view .swiper-button-next {
    background-image: url(../images/inside2/next.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 25px;
    height: 42px;
    right: 70px;
    bottom: 60px;
    transform: translate(0);
    top: auto;
    margin-top: 0;
    z-index: 4;
    transition: .3s
}

.m-view .swiper-button-prev {
    background-image: url(../images/inside2/prev.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 25px;
    height: 42px;
    right: 143px;
    bottom: 60px;
    transform: translate(0);
    top: auto;
    margin-top: 0;
    z-index: 4;
    left: auto;
    transition: .3s
}

.m-view .swiper-button-next:hover,
.m-view .swiper-button-prev:hover {
    opacity: .8
}

.m-view .swiper-button-next:after,
.m-view .swiper-button-prev:after,
.m-view .swiper-container-rtl .m-view .swiper-button-next:after,
.m-view .swiper-container-rtl .m-view .swiper-button-prev:after {
    display: none
}

.row-vi {
    padding: 98px 0 300px
}

.m-vibox1 {
    border-left: 1px solid #43a787;
    padding: 30px 0;
    margin: 50px 0 58px
}

.m-vibox1 .img {
    display: block;
    margin: 0 auto
}

.ul-listvi1 {
    overflow: hidden
}

.ul-listvi1 li {
    float: left;
    width: 50%;
    margin: 30px 0;
    padding: 0 10px
}

.ul-listvi1 img {
    display: block
}

.m-vibox2 {
    padding: 20px 0 0 220px;
    border-left: 1px solid #43a787
}

.m-vibox3 {
    padding: 44px 0 84px 32px;
    border-left: 1px solid #43a787
}

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

.ul-listvi3 li {
    width: 33.3%;
    padding: 0 17px;
    float: left
}

.ul-listvi3 .pic {
    margin-bottom: 32px
}

.ul-listvi3 .pic img {
    display: block
}

.ul-listvi3 .txt {
    font-size: 18px;
    color: #666
}

.m-vi1 .pic {
    display: block
}

.m-vibox4 video {
    display: block;
    width: 100%
}

.m-vibox4 {
    padding: 0 0 80px
}

.m-vi2 .line {
    height: 1px;
    background-color: rgba(67, 167, 135, .2);
    position: relative;
    margin-bottom: 39px
}

.m-vi2 .line::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background-image: url(../images/inside2/f3.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 106px;
    height: 6px
}

.ul-listvi4 {
    overflow: hidden
}

.ul-listvi4 li {
    float: left;
    width: 50%;
    margin-bottom: 20px
}

.ul-listvi4 .con {
    display: flex;
    align-items: center
}

.ul-listvi4 .icon {
    width: 30px;
    margin-right: 20px
}

.ul-listvi4 .icon .icon1 {
    width: 100%;
    display: block
}

.ul-listvi4 .txt {
    flex: 1
}

.ul-listvi4 .desc {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.ul-listvi4 .desc span {
    color: #217050
}

.ul-listvi4 .desc a {
    display: inline-block;
    background-image: linear-gradient(#333, #333);
    background-position: 0 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .3s ease-in-out
}

.ul-listvi4 .desc a:hover {
    background-size: 100% 1px;
    color: #333
}

.m-his {
    padding: 140px 0 180px;
    position: relative;
    margin-top: 70px
}

.m-his .col-l,
.m-his .col-r {
    width: 50%
}

.m-his .col-l {
    padding-top: 18px;
    float: left
}

.m-his .col-r {
    padding-top: 158px;
    float: right
}

.m-his .line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 40px;
    bottom: 0;
    width: 1px;
    background-color: #43a787
}

.m-his .logo-ico {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 140px;
    z-index: 1
}

.m-his .logo-ico::after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    border: 1px dashed #43a787;
    border-radius: 50%;
    animation: 30s linear infinite ani_turn
}

.m-his .logo-ico img {
    display: block;
    width: 100%
}

.ul-listhis .tit {
    font-size: 28px;
    color: #217050;
    font-family: SourceHanSerifCN-Bold;
    padding: 0 48px 0 60px;
    background-image: url(../images/inside2/f6.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 36px auto;
    display: inline-block;
    margin-bottom: 25px
}

.ul-listhis .top {
    position: relative;
    margin-bottom: 34px
}

.ul-listhis .line2 {
    position: absolute;
    right: 10px;
    left: 18px;
    border-bottom: 1px dotted rgba(47, 142, 112, .5);
    bottom: 0
}

.ul-listhis_2 .line2 {
    left: 0
}

.ul-listhis .line2::before {
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
    width: 23px;
    height: 14px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/inside2/a5-1.png);
    content: "";
    z-index: 2
}

.ul-listhis_2 .line2::before {
    left: auto;
    right: -20px
}

.ul-listhis .line2::after {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 14px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/inside2/f5.png);
    content: "";
    z-index: 2
}

.ul-listhis_2 .line2::after {
    right: auto;
    left: -11px
}

.ul-listhis .desc {
    padding: 0 60px 70px;
    color: #666;
    font-size: 16px;
    line-height: 1.9
}

.ul-listhis .desc img {
    display: inline-block;
    margin-right: 40px
}

.row-jinzhan {
    padding: 80px 0 300px
}

.g-titz1 span {
    font-size: 20px;
    line-height: 24px;
    padding-left: 10px;
    border-left: 4px solid #21a082;
    margin: 0 0 8px 15px
}

.ul-jinzhan1 {
    margin: 0 -15px
}

.ul-jinzhan1 li {
    float: left;
    width: 20%;
    box-sizing: border-box;
    padding: 15px;
    margin-bottom: 40px
}

.ul-jinzhan1 .con {
    display: block;
    background-color: #fff;
    transition: .3s
}

.ul-jinzhan1 .con:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, .25)
}

.ul-jinzhan1 .pic {
    padding-top: 133%;
    position: relative;
    overflow: hidden
}

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

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

.ul-jinzhan1 .txt {
    border: 1px solid #e6e8e7;
    padding: 16px 20px 20px
}

.ul-jinzhan1 .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    height: 1.5em;
    transition: .3s
}

.ul-jinzhan1 .con:hover .tit {
    color: #217050
}

.ul-jinzhan1 .date {
    font-size: 12px;
    color: #999;
    margin: 10px 0;
    padding-left: 22px;
    background-image: url(../images/clock.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px auto
}

.ul-jinzhan1 .desc {
    color: #666;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 14px
}

.ul-jinzhan2 {
    overflow: hidden
}

.ul-jinzhan2 li {
    float: left;
    width: 33.3%
}

.ul-jinzhan2 .con {
    display: block;
    transition: .3s;
    padding: 40px;
    height: auto
}

.ul-jinzhan2 .con:hover {
    background-color: #14aa7c;
    color: #fff
}

.ul-jinzhan2 .con:hover .date,
.ul-jinzhan2 .con:hover .desc,
.ul-jinzhan2 .con:hover .tit {
    color: #fff
}

.d-imgsU1 {
    margin: 0 -15px 20px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.d-imgsU1 li {
    padding: 0 15px;
    margin-bottom: 16px;
    width: 33.33%;
    flex-shrink: 0
}

.d-imgsU1 .inner {
    display: block
}

.d-imgsU1 .pic {
    padding-top: 46.33%;
    position: relative;
    overflow: hidden
}

.d-imgsU1 .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.d-imgsU1 .text {
    padding: 20px 0
}

.d-imgsU1 .tit {
    font-size: 18px;
    color: #333;
    line-height: 1.75;
    font-weight: 400;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.d-imgsU1 .desc {
    font-size: 14px;
    color: #777;
    line-height: 1.75
}

.d-imgsU1 .inner:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

@media only screen and (min-width: 1199px) and (max-width:1900px) {
    .row-main .wp {
        max-width: 84.33vw;
        margin: 0 auto
    }

    .cur,
    .cur a {
        line-height: 1.944vw
    }

    .cur {
        padding-left: 1.666vw;
        background: url(../images/cur.png) left center no-repeat;
        background-size: .944vw auto;
        font-size: 0;
        font-family: Microsoft YaHei
    }

    .cur a {
        font-size: .888vw;
        padding: 0;
        font-family: Microsoft YaHei
    }

    .cur span {
        font-size: .888vw
    }

    .cur em {
        width: .444vw;
        height: .666vw;
        background-image: url(../images/inside/cur-1.png);
        background-size: contain;
        background-repeat: no-repeat;
        font-size: .888vw;
        margin: 0 .777vw
    }

    .pages ul li {
        margin: 0;
        font-size: .777vw
    }

    .pages ul li a {
        width: 1.888vw;
        height: 1.777vw;
        line-height: 1.666vw;
        transition: .3s
    }

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

    .pages ul li.all {
        margin: 0 .555vw 0 0
    }

    .pages ul li.next a,
    .pages ul li.prev a {
        width: 4.111vw
    }

    .pages ul li.end a,
    .pages ul li.start a {
        width: 3vw
    }

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

    .pages ul .inpt {
        width: 1.888vw;
        height: 1.888vw;
        border: 1px solid #c0dbd4;
        margin: 0 .444vw
    }

    .pages ul .submit {
        width: 3.333vw;
        height: 1.888vw;
        border: 1px solid #c0dbd4;
        margin: 0 .444vw
    }

    .g-ban .pic {
        padding-top: 31.25%
    }

    .g-ban .pic img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        object-fit: cover
    }

    .g-navin {
        left: 0;
        right: 0;
        bottom: -2.222vw
    }

    .g-listnav {
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../images/inside/bg-2.png);
        padding: 0 9.277vw 0 11.66vw
    }

    .g-listnav li {
        margin: 0 .555vw
    }

    .g-listnav .con {
        line-height: 4.444vw;
        background-repeat: no-repeat;
        background-size: contain;
        font-size: 1vw;
        transition: .3s;
        min-width: 5.555vw
    }

    .g-listnav .on .con {
        padding-left: 3.888vw;
        padding-right: 1.111vw;
        background-image: url(../images/inside/bg-3.png);
        font-size: 1.333vw;
        font-family: SourceHanSerifCN-Bold
    }

    .g-listnav .con:hover {
        font-family: SourceHanSerifCN-Bold
    }

    .m-intro1 .pic {
        width: 46.44%;
        margin-left: 4.333vw;
        padding-bottom: 1.666vw
    }

    .m-intro1 .pic::before {
        right: -1.666vw;
        bottom: 0;
        width: 3.333vw;
        height: 7.777vw;
        background: linear-gradient(205deg, #43a787 0, #329475 100%);
        content: ""
    }

    .m-intro1 .desc {
        font-size: 1vw;
        line-height: 2.3
    }

    .row-intro1 {
        padding: 5.444vw 0 6.444vw
    }

    .m-intro2 {
        padding-left: 11.66vw
    }

    .m-intro2 .pic {
        width: 33.55vw;
        padding: 3.333vw 3.333vw 0 0;
        top: 0;
        left: 0
    }

    .m-intro2 .pic::after {
        width: 3.333vw;
        height: 3.333vw;
        background: linear-gradient(60deg, #cdab7f 23%, #d1bb9e 100%);
        right: 0;
        top: 0;
        content: "";
        background-image: url(../images/inside/b3.png);
        background-size: cover;
        background-repeat: no-repeat
    }

    .m-intro2 .txt {
        padding: 0 11.66vw 4.722vw 24vw
    }

    .m-intro2 .txt::before {
        right: 0;
        top: 13.61vw;
        width: 39.77vw;
        height: 28.77vw;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        background-image: url(../images/inside/b2.png)
    }

    .m-intro2 .tit {
        margin-bottom: 5vw
    }

    .m-intro2 .tit img {
        width: 40vw
    }

    .m-intro2 .desc {
        font-size: 1vw;
        line-height: 2.3
    }

    .m-numbox {
        background-repeat: no-repeat;
        background-size: cover;
        padding: 3.055vw 9.888vw 3.055vw 21.77vw
    }

    .ul-listin2 li {
        padding: 1.388vw 3.444vw
    }

    .ul-listin2 .con {
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/inside/b1-1.png);
        padding: 2.222vw 0 0;
        width: 8.888vw;
        height: 8.888vw;
        transition: .3s
    }

    .ul-listin2 .con:hover {
        background-size: 0
    }

    .ul-listin2 .con::before {
        top: 50%;
        width: 10vw;
        height: 9.166vw;
        transform: translate(-50%, -50%);
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/inside/b1.png);
        opacity: 0;
        transition: .3s
    }

    .ul-listin2 .con:hover:before {
        opacity: 1
    }

    .ul-listin2 .top {
        font-size: 2vw;
        font-family: Impact;
        font-weight: 400
    }

    .ul-listin2 .info {
        font-size: .888vw
    }

    .row-intro3 {
        padding: 4.888vw 0 19.44vw
    }

    .m-boxin3 .txt {
        font-size: 1vw;
        line-height: 2.3
    }

    .m-boxin3 .picbox1 {
        align-items: center;
        justify-content: space-between
    }

    .m-boxin3 .picbox1 .img1 {
        margin-right: 1.666vw
    }

    .m-boxin3 .txtbox1 {
        align-items: center;
        justify-content: space-between;
        margin: 1.666vw 0
    }

    .m-boxin3 .txtbox1 .left {
        flex: 1
    }

    .m-boxin3 .txtbox1 .right {
        margin-left: 4vw;
        width: 44.33vw
    }

    .row-dept {
        padding: 5.444vw 0 15.55vw
    }

    .row-news {
        padding: 5.444vw 0 17.77vw
    }

    .ul-listnews {
        margin-bottom: 3.333vw
    }

    .ul-listnews .con {
        padding: 2.777vw 13.88vw 2.777vw 0;
        border-bottom: 1px solid rgba(7, 79, 156, .1);
        transition: .3s
    }

    .ul-listnews li:last-child .con {
        border-bottom: none
    }

    .ul-listnews .con:hover {
        padding: 2.777vw 11.11vw 2.777vw 3.333vw
    }

    .ul-listnews .con::before {
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../images/inside/b5.jpg);
        content: "";
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        opacity: 0;
        transition: .3s
    }

    .ul-listnews .con:hover:before {
        opacity: 1
    }

    .ul-listnews .con::after {
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../images/inside/b5.png);
        content: "";
        top: .555vw;
        bottom: .555vw;
        right: .555vw;
        left: .555vw;
        opacity: 0;
        transition: .3s
    }

    .ul-listnews .con:hover::after {
        opacity: 1
    }

    .ul-listnews .con .icon {
        width: 3.111vw;
        height: 3.111vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/inside/b4.png);
        bottom: 6.388vw;
        right: 0;
        transition: .3s
    }

    .ul-listnews .con:hover .icon {
        background-image: url(../images/inside/b4-1.png);
        right: 3.333vw
    }

    .ul-listnews .pic {
        width: 20vw;
        height: 13.33vw
    }

    .ul-listnews .pic .date {
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/inside/b7.png);
        width: 7.222vw;
        height: 2.222vw;
        left: 0;
        bottom: 1.111vw;
        line-height: 2.222vw;
        font-size: 1vw;
        font-family: Arial
    }

    .ul-listnews .con:hover .pic .date {
        background-image: url(../images/inside/b7-1.png)
    }

    .ul-listnews .pic img {
        object-fit: cover
    }

    .ul-listnews .txt {
        padding-left: 3.222vw;
        padding-top: 1.555vw
    }

    .ul-listnews .txt .line {
        width: 4.444vw;
        height: 1vw;
        background-repeat: no-repeat;
        background-size: contain;
        left: 0;
        background-image: url(../images/inside/b6.png);
        top: 4.444vw
    }

    .ul-listnews .con:hover .txt .line {
        background-image: url(../images/inside/b6-1.png)
    }

    .ul-listnews .tit {
        font-size: 1.222vw;
        white-space: nowrap;
        height: 1.5em;
        margin-bottom: 1.5vw;
        font-weight: 400
    }

    .ul-listnews .addr {
        margin-bottom: 1.5vw
    }

    .ul-listnews .desc {
        font-size: 1.222vw;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: .888vw;
        line-height: 1.875;
        transition: .3s
    }

    .ul-listnotice {
        margin: 0 -1.666vw 1.111vw
    }

    .ul-listnotice li {
        padding: 0 1.666vw;
        margin-bottom: 2.222vw
    }

    .ul-listnotice .con {
        padding: 1.233vw 2.333vw 1.455vw 2.111vw;
        transition: .3s
    }

    .ul-listnotice .con::before {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/inside/b8-1.png);
        content: "";
        transition: .3s
    }

    .ul-listnotice .con:hover:before {
        opacity: 0
    }

    .ul-listnotice .con::after {
        /* left: 0;
        right: 0;
        top: 0;
        bottom: 0; */
        background-repeat: no-repeat;
        background-image: url(../images/inside/b9.png);
        content: "";
        opacity: 0;
        transition: .3s
    }

    .ul-listnotice .con:hover:after {
        opacity: 1
    }

    .ul-listnotice .tit {
        font-size: 1.111vw;
        margin-bottom: 1.222vw;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 3em
    }

    .ul-listnotice .info {
        align-items: center;
        justify-content: space-between
    }

    .ul-listnotice .desc {
        align-items: center;
        font-size: 1vw;
        font-family: Arial;
        font-weight: 400;
        transition: .3s
    }

    .ul-listnotice .desc span {
        width: 4.777vw;
        height: 1.777vw;
        background: linear-gradient(90deg, #268d79 0, #2f8e70 100%);
        border-radius: .888vw;
        line-height: 1.777vw;
        transition: .3s;
        margin-right: 1.888vw;
        font-size: .777vw;
        transition: .3s
    }

    .ul-listnotice .con:hover .desc span {
        background: #e1ad6a
    }

    .ul-listnotice .con .icon {
        width: 2.833vw;
        height: 2.833vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/inside/b4-2.png);
        transition: .3s
    }

    .ul-listnotice .con:hover .icon {
        background-image: url(../images/inside/b4-1.png)
    }

    .g-titdept {
        line-height: 3.888vw;
        font-size: 1.222vw;
        font-weight: 700;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 3.333vw 0 2.777vw;
        background-image: url(../images/inside/bg-4.png);
        padding-left: 1.944vw
    }

    .m-dept {
        margin-bottom: 2.777vw
    }

    .m-dept .cont {
        border-left: 1px solid #329475;
        padding: 0 0 1.888vw 3.333vw
    }

    .ul-listdept {
        margin: 0 -1.666vw
    }

    .ul-listdept li {
        padding: 0 1.666vw;
        margin-bottom: 1.666vw;
        width: 33.3%
    }

    .ul-listdept .con {
        background-image: url(../images/inside/c5.png);
        background-repeat: no-repeat;
        background-size: contain;
        transition: .3s
    }

    .ul-listdept .con::before {
        left: 6.111vw;
        right: 0;
        bottom: 0;
        top: .555vw;
        background-image: url(../images/inside/c3.png);
        background-repeat: no-repeat;
        background-size: contain;
        content: ""
    }

    .ul-listdept .inner {
        align-items: center;
        justify-content: space-between;
        height: 3.555vw;
        padding: 0 1.111vw 0 1.666vw
    }

    .ul-listdept .icon {
        width: 1.111vw;
        height: .833vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/inside/c1.png)
    }

    .ul-listdept .con:hover .icon {
        background-image: url(../images/inside/c2.png)
    }

    .ul-listdept .tit {
        font-size: 1vw;
        white-space: nowrap
    }

    .row-details {
        padding: 6vw 0 19.44vw
    }

    .m-details .top {
        border-bottom: 1px solid #ddd;
        padding: 0 0 1.333vw 1.333vw;
        margin-bottom: 3.222vw
    }

    .m-details .top .inner {
        padding: 1.777vw 1.777vw 1.5vw 3.111vw;
        background-size: cover;
        background-repeat: no-repeat
    }

    .m-details .top::before {
        left: 0;
        top: 0;
        content: "";
        background-repeat: no-repeat
    }

    .m-details .tit {
        font-size: 1.666vw;
        margin-bottom: 1.222vw
    }

    .m-details .info {
        font-size: .888vw;
        align-items: center;
        justify-content: space-between
    }

    .m-details .info .ort span {
        margin-right: 2vw
    }

    .m-details .desc {
        line-height: 2;
        font-size: 1vw
    }

    .m-details .txt {
        padding-bottom: 3.888vw;
        border-bottom: 1px solid #c4e4de;
        margin-bottom: 2.111vw
    }

    .m-details .txt::after {
        left: 0;
        bottom: 0;
        background-image: url(../images/inside/c8.png);
        content: "";
        background-repeat: no-repeat;
        background-size: contain;
        width: 5.888vw;
        height: .333vw
    }

    .m-details .pages-box {
        font-size: 1vw
    }

    .m-details .pages-box a {
        transition: .3s
    }

    .m-details .pages-box .prev {
        margin-bottom: .555vw
    }

    .m-details .pages-box a:hover {
        text-decoration: underline
    }

    .jump-icon .con {
        margin: 0 .222vw
    }

    .jump-icon .con a {
        width: 1.777vw;
        height: 1.777vw;
        border-radius: .111vw;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../images/inside/s-a6.png);
        transition: .3s
    }

    .jump-icon .con2 a {
        background-image: url(../images/inside/s-a9.png)
    }

    .jump-icon .con3 a {
        background-image: url(../images/inside/s-a8.png)
    }

    .jump-icon .con4 a {
        background-image: url(../images/inside/s-a7.png)
    }

    #bsBox,
    #bsWXBox {
        box-sizing: content-box
    }

    .row-leader {
        padding: 5.444vw 0 9.444vw
    }

    .ul-listlead li {
        margin-bottom: 5vw
    }

    .ul-listlead .con .line {
        border-bottom: 1px dashed rgba(47, 142, 112, .5);
        height: 1px;
        right: 1vw;
        left: 15.44vw;
        top: 5.055vw
    }

    .ul-listlead .con .line::before {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1.222vw;
        height: .777vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/inside2/a2.png);
        content: ""
    }

    .ul-listlead .con .line::after {
        right: -1vw;
        top: 50%;
        transform: translateY(-50%);
        width: 1.222vw;
        height: .777vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/inside2/a5.png);
        content: ""
    }

    .g-picbox {
        width: 17.5vw;
        padding: 0 .833vw 1.666vw 0
    }

    .g-picbox::before {
        right: 0;
        bottom: 0;
        content: "";
        width: 16.66vw;
        height: 16.66vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/inside2/a3.png)
    }

    .g-picbox .pic {
        width: 16.66vw;
        height: 16.66vw;
        border-radius: 50%
    }

    .ul-listlead {
        margin-top: 4.444vw
    }

    .ul-listlead .txtbox {
        padding-left: 4vw
    }

    .ul-listlead .top {
        font-size: 1.666vw;
        font-family: SourceHanSerifCN-Bold;
        padding-left: 3.888vw;
        background-repeat: no-repeat;
        background-size: 3.444vw auto;
        background-image: url(../images/inside2/a4.png);
        margin-bottom: 4.444vw
    }

    .ul-listlead .top span {
        margin-right: 2.222vw
    }

    .ul-listlead .desc {
        font-size: .888vw;
        line-height: 1.9;
        padding-right: 16.94vw
    }

    .ul-listlead .txtbox .more {
        right: 3vw;
        top: 2.222vw;
        width: 7.444vw;
        height: 4.444vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/inside2/a6.png)
    }

    .ul-listlead .con:hover .txtbox .more {
        animation: 1s linear infinite ani_right
    }

    .row-org1 {
        padding: 5.444vw 0 0
    }

    .m-org1 {
        height: 36.66vw
    }

    .m-org1 .bg {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        object-fit: cover
    }

    .ul-listorg1 {
        left: 15vw;
        top: 50%;
        transform: translateY(-50%);
        width: 33.33vw
    }

    .ul-listorg1 .con {
        border-right: 1px solid rgba(255, 255, 255, .2);
        padding: 3.611vw 0
    }

    .ul-listorg1 li:first-child .con,
    .ul-listorg1 li:nth-child(2) .con {
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    .ul-listorg1 li:nth-child(even) .con {
        border-right: none
    }

    .ul-listorg1 .top {
        font-size: .888vw;
        margin-bottom: .833vw
    }

    .ul-listorg1 .desc {
        font-size: 2.444vw;
        font-family: Impact;
        line-height: 1
    }

    .m-org1-txt {
        right: 0;
        top: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-size: cover;
        width: 20vw
    }

    .m-org1-txt .p {
        font-size: 1vw;
        width: 1.111vw;
        top: 4.611vw;
        border-left: 1px solid rgba(255, 255, 255, .2);
        padding-left: .277vw
    }

    .m-org1-txt .p1 {
        right: 3.888vw
    }

    .m-org1-txt .p2 {
        right: 5.555vw
    }

    .m-org1-txt .p3 {
        right: 8.611vw
    }

    .m-org1-txt .tit {
        width: 3.666vw;
        height: 16vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/inside2/b9.png);
        top: 3.333vw;
        left: -1.833vw
    }

    .m-org1-txt .tit span {
        font-size: 1.444vw;
        font-family: SourceHanSerifCN-Bold;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 1.555vw;
        line-height: 1.1
    }

    .m-org1-txt .z {
        right: 3.888vw;
        top: 4.611vw;
        width: 7.777vw
    }

    .g-titorg .tit {
        height: 4.444vw;
        line-height: 1;
        padding: 0 1.5vw;
        align-items: center;
        justify-content: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/inside2/c2.png)
    }

    .g-titorg .tit span {
        font-size: 1vw;
        width: 2vw;
        font-family: SourceHanSerifCN-Bold
    }

    .row-org2 {
        padding: 2.333vw 0 0
    }

    .ul-listorg2 li {
        padding: 0 5vw
    }

    .ul-listorg2 .tit {
        font-size: 1.222vw;
        line-height: 1
    }

    .ul-listorg2 .g-picbox {
        margin: 0 auto 2.5vw
    }

    .ul-listorg2 .info img {
        width: 22.94vw;
        margin: 0 auto
    }

    .ul-listorg2 .name {
        font-size: 1.666vw;
        font-family: SourceHanSerifCN-Bold;
        line-height: 1
    }

    .g-titorg2 {
        margin: 3.333vw 0 2.777vw
    }

    .g-titorg2 .tit {
        padding: 0 11.66vw;
        font-family: SourceHanSerifCN-Bold;
        font-size: 1.777vw
    }

    .g-titorg2 .tit::before {
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-size: 8.555vw auto;
        background-image: url(../images/inside2/c4.png);
        content: "";
        height: .777vw;
        width: 8.555vw
    }

    .g-titorg2 .tit::after {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-size: 8.555vw auto;
        background-image: url(../images/inside2/c3.png);
        content: "";
        height: .777vw;
        width: 8.555vw
    }

    .row-org4 {
        padding: 2.777vw 0 21.66vw
    }

    .m-org4 {
        padding: 2.5vw 0
    }

    .m-org4 .c1 {
        top: 50%;
        width: 35.55vw;
        transform: translate(-50%, -50%);
        /* animation: 15s linear infinite ani_turn2 */
    }

    .ul-listorg4 {
        margin: 0 -2.777vw
    }

    .ul-listorg4 li {
        padding: 0 2.777vw
    }

    .ul-listorg4 .pic {
        padding-top: 64.285%
    }

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

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

    .ul-listorg4 .pic::after {
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-image: url(../images/inside2/c7.png)
    }

    .ul-listorg4 .pic .txt {
        left: 0;
        right: 0;
        bottom: 1.111vw;
        padding: 0 .833vw;
        font-size: 1vw;
        white-space: nowrap
    }

    .m-org4-tit {
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .m-org4-tit .img1 {
        width: 27.77vw
    }

    .m-org4-tit .box {
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .m-org4-tit .icon img {
        width: 4.777vw;
        margin: 0 auto
    }

    .m-org4-tit .tit {
        font-size: 2vw;
        font-family: SourceHanSerifCN-Bold
    }

    .row-view {
        padding: 5.444vw 4.444vw 15.55vw 7.777vw
    }

    .m-view {
        padding: 0 3.333vw 0 3.888vw
    }

    .m-view::after {
        width: 71.11vw;
        height: 21.66vw;
        left: 0;
        bottom: 0;
        content: "";
        background-image: url(../images/inside2/f1.png);
        background-size: cover;
        background-repeat: no-repeat
    }

    .m-view .inner {
        padding: 0 11.66vw 2.444vw 0
    }

    .m-view .inner .img2 {
        right: 0;
        bottom: 0;
        width: 20vw
    }

    .m-view .inner .img2 img {
        height: auto
    }

    .m-view .inner .img2::before {
        width: 3.333vw;
        height: 3.333vw;
        background: linear-gradient(60deg, #cdab7f 23%, #d1bb9e 100%);
        right: -3.333vw;
        top: -3.333vw;
        content: "";
        background-image: url(../images/inside/b3.png);
        background-size: cover;
        background-repeat: no-repeat
    }

    .m-bancontc1 .pic {
        padding-top: 55.88%
    }

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

    .m-banth1 {
        padding: 1.111vw 1.233vw 0;
        margin-top: -3.888vw
    }

    .m-banth1 .swiper-slide {
        padding: 0 .888vw;
        transition: .3s
    }

    .m-banth1 .group {
        border: solid transparent;
        transition: .3s
    }

    .m-banth1 .group img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        object-fit: cover
    }

    .m-banth1 .swiper-slide-thumb-active {
        transform: translateY(-1.111vw)
    }

    .m-banth1 .swiper-slide-thumb-active .group {
        border: solid #d9b765
    }

    .m-view .swiper-button-next {
        background-image: url(../images/inside2/next.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 1.388vw;
        height: 2.333vw;
        right: 3.888vw;
        bottom: 3.333vw;
        transform: translate(0);
        top: auto;
        transition: .3s
    }

    .m-view .swiper-button-prev {
        background-image: url(../images/inside2/prev.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 1.388vw;
        height: 2.333vw;
        right: 7.944vw;
        bottom: 3.333vw;
        transform: translate(0);
        top: auto;
        left: auto;
        transition: .3s
    }

    .m-view .swiper-button-next:hover,
    .m-view .swiper-button-prev:hover {
        opacity: .8
    }

    .row-vi {
        padding: 5.444vw 0 16.66vw
    }

    .m-vibox1 {
        border-left: 1px solid #43a787;
        padding: 1.666vw 0 3.888vw;
        margin: 2.777vw 0 3.222vw
    }

    .m-vibox1 .img {
        margin: 0 auto
    }

    .ul-listvi1 li {
        margin: 1.666vw 0
    }

    .m-vibox2 {
        padding: 1.111vw 0 0 12.22vw;
        border-left: 1px solid #43a787
    }

    .m-vibox3 {
        padding: 2.444vw 0 4.666vw 1.777vw;
        border-left: 1px solid #43a787
    }

    .ul-listvi3 li {
        width: 33.3%;
        padding: 0 .944vw
    }

    .ul-listvi3 .pic {
        margin-bottom: 1.777vw
    }

    .ul-listvi3 .txt {
        font-size: 1vw
    }

    .m-vibox4 {
        padding: 2.777vw 0 4.444vw
    }

    .m-vi2 .line {
        height: 1px;
        margin-bottom: 2.166vw
    }

    .m-vi2 .line::after {
        left: 0;
        bottom: 0;
        content: "";
        background-image: url(../images/inside2/f3.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 5.888vw;
        height: .333vw
    }

    .ul-listvi4 li {
        margin-bottom: 1.111vw
    }

    .ul-listvi4 .con {
        align-items: center
    }

    .ul-listvi4 .icon {
        width: 1.666vw;
        margin-right: 1.111vw
    }

    .ul-listvi4 .txt {
        flex: 1
    }

    .ul-listvi4 .desc {
        font-size: .888vw
    }

    .m-his {
        padding: 7.777vw 0 10vw;
        margin-top: 3.888vw
    }

    .m-his .col-l {
        padding-top: 1vw
    }

    .m-his .col-r {
        padding-top: 8.777vw
    }

    .m-his .line {
        transform: translateX(-50%);
        top: 2.222vw;
        bottom: 0;
        width: 1px
    }

    .m-his .logo-ico {
        transform: translateX(-50%);
        top: 0;
        width: 7.777vw
    }

    .m-his .logo-ico::after {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        border: 1px dashed #43a787;
        border-radius: 50%;
        animation: 30s linear infinite ani_turn
    }

    .ul-listhis .tit {
        font-size: 1.555vw;
        font-family: SourceHanSerifCN-Bold;
        padding: 0 2.666vw 0 3.333vw;
        background-image: url(../images/inside2/f6.png);
        background-repeat: no-repeat;
        background-size: 2vw auto;
        margin-bottom: 1.388vw
    }

    .ul-listhis .top {
        margin-bottom: 1.888vw
    }

    .ul-listhis .line2 {
        right: .555vw;
        left: 1vw;
        border-bottom: 1px dotted rgba(47, 142, 112, .5);
        bottom: 0
    }

    .ul-listhis_2 .line2 {
        left: 0
    }

    .ul-listhis .line2::before {
        left: -1vw;
        top: 50%;
        transform: translateY(-50%);
        width: 1.277vw;
        height: .777vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/inside2/a5-1.png);
        content: ""
    }

    .ul-listhis_2 .line2::before {
        left: auto;
        right: -1.111vw
    }

    .ul-listhis .line2::after {
        right: -1.111vw;
        top: 50%;
        transform: translateY(-50%);
        width: 1.222vw;
        height: .777vw;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/inside2/f5.png);
        content: ""
    }

    .ul-listhis_2 .line2::after {
        right: auto;
        left: -.611vw
    }

    .ul-listhis .desc {
        padding: 0 3.333vw;
        font-size: .888vw;
        line-height: 1.9;
        padding-bottom: 3.888vw
    }

    .ul-listhis .desc img {
        margin-right: 2.222vw
    }

    .g-listnav .con1 {
        font-size: 14px
    }

    .row-jinzhan {
        padding: 4.444vw 0 16.66vw
    }

    .g-titz1 span {
        font-size: 1.111vw;
        line-height: 1.333vw;
        padding-left: .555vw;
        border-left: solid #21a082;
        margin: 0 0 .444vw .833vw
    }

    .ul-jinzhan1 {
        margin: 0 -.833vw
    }

    .ul-jinzhan1 li {
        box-sizing: border-box;
        padding: .833vw;
        margin-bottom: 2.222vw
    }

    .ul-jinzhan1 .con {
        transition: .3s
    }

    .ul-jinzhan1 .con:hover {
        box-shadow: 0 0 1.666vw rgba(0, 0, 0, .25)
    }

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

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

    .ul-jinzhan1 .txt {
        border: 1px solid #e6e8e7;
        padding: .888vw 1.111vw 1.111vw
    }

    .ul-jinzhan1 .tit {
        white-space: nowrap;
        font-size: 1.111vw;
        height: 1.5em;
        transition: .3s
    }

    .ul-jinzhan1 .date {
        font-size: .666vw;
        margin: .555vw 0;
        padding-left: 1.222vw;
        background-image: url(../images/clock.png);
        background-repeat: no-repeat;
        background-size: .888vw auto
    }

    .ul-jinzhan1 .desc {
        line-height: 1.222vw;
        height: 3.666vw;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        font-size: .777vw
    }

    .ul-jinzhan2 li {
        width: 33.3%
    }

    .ul-jinzhan2 .con {
        transition: .3s;
        padding: 2.222vw;
        height: auto
    }

    .d-imgsU1 {
        margin: 0 -.781vw 1.041vw
    }

    .d-imgsU1 li {
        padding: 0 .781vw;
        margin-bottom: .833vw
    }

    .d-imgsU1 .text {
        padding: 1.041vw 0
    }

    .d-imgsU1 .tit {
        font-size: .937vw
    }

    .d-imgsU1 .desc {
        font-size: .729vw
    }
}

@media only screen and (max-width: 1199px) {
    .cur {
        display: none
    }

    .row-main .wp {
        width: 100%;
        padding: 0 15px;
        max-width: 100%
    }

    .g-listnav {
        padding: 0 15px;
        display: block;
        background-size: 120% 100%;
        background-position: center;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap
    }

    .g-navin {
        position: relative;
        bottom: auto
    }

    .row-news {
        padding: 80px 0 120px
    }

    .ul-listdept {
        margin: 0
    }

    .ul-listdept li {
        padding: 0 15px;
        width: 50%
    }

    .g-titdept {
        font-size: 18px;
        line-height: 50px;
        height: 50px;
        margin: 20px 0
    }

    .m-dept .cont {
        padding: 0;
        border-left: none
    }

    .share-box {
        display: none
    }

    .m-details .tit {
        font-size: 22px;
        margin-bottom: 10px
    }

    .m-details .info {
        font-size: 12px;
        display: block
    }

    .m-details .info .ort {
        font-size: 14px;
        padding-left: 20px;
        background-size: 18px auto
    }

    .m-details .info .size {
        font-size: 12px;
        margin: 10px 0 0
    }

    .m-intro1 .pic {
        float: none;
        margin-left: 0;
        padding: 0;
        width: 100%;
        margin-bottom: 20px
    }

    .m-intro1 .pic::before {
        display: none
    }

    .m-intro1 .desc {
        line-height: 1.7
    }

    .m-intro2 .pic {
        position: relative;
        left: auto;
        top: auto;
        padding: 0;
        margin-bottom: 30px;
        width: 100%
    }

    .m-intro2 .pic::after {
        display: none
    }

    .m-intro2 {
        padding: 0 15px
    }

    .m-intro2 .txt {
        padding: 0
    }

    .m-intro2 .tit {
        text-align: center;
        margin-bottom: 20px
    }

    .m-numbox {
        padding: 20px 15px
    }

    .m-intro2 .desc {
        line-height: 1.7;
        margin-bottom: 30px
    }

    .m-boxin3 .txt {
        line-height: 1.7
    }

    .m-boxin3 .txtbox1 {
        display: block
    }

    .m-boxin3 .txtbox1 img {
        display: block;
        width: 100%
    }

    .m-boxin3 .txtbox1 .right {
        width: 100%;
        margin: 0
    }

    .ul-listin2 .top {
        font-size: 24px
    }

    .ul-listnotice {
        margin: 0
    }

    .ul-listnotice li {
        float: none;
        width: 100%;
        padding: 0 10px
    }

    .ul-listnotice .con::after,
    .ul-listnotice .con::before {
        display: none
    }

    .ul-listnotice .con {
        border: 1px solid #02885b
    }

    .pages ul li {
        display: none
    }

    .pages ul li.next,
    .pages ul li.on,
    .pages ul li.prev {
        display: inline-block
    }

    .ul-listnews .con::after,
    .ul-listnews .con::before {
        display: none
    }

    .ul-listnews .con {
        padding: 20px 0
    }

    .ul-listnews .con .icon {
        display: none
    }

    .ul-listnews .txt {
        padding-left: 26px;
        padding-top: 0
    }

    .m-intro1 {
        padding-top: 0
    }

    .row-view {
        padding: 80px 15px 200px
    }

    .m-view .inner .img2 {
        display: none
    }

    .m-view,
    .m-view .inner {
        padding: 0
    }

    .m-view::after {
        width: 100%;
        right: 0
    }

    .m-banth1 .swiper-slide {
        padding: 0 10px
    }

    .m-vibox1,
    .m-vibox2 {
        padding-left: 30px
    }

    .m-org1 {
        height: auto
    }

    .m-org1-txt {
        position: relative;
        right: auto;
        top: auto;
        display: none;
        bottom: auto
    }

    .ul-listorg1 {
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .ul-listorg1 .desc {
        font-size: 20px
    }

    .ul-listorg1 .con {
        padding: 20px 0
    }

    .m-org1 .bg {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto
    }

    .g-picbox {
        width: 200px
    }

    .g-picbox::before {
        width: 200px;
        height: 200px
    }

    .g-picbox .pic {
        width: 180px;
        height: 180px
    }

    .ul-listorg2 .info img {
        width: 200px
    }

    .ul-listorg2 .tit {
        font-size: 18px
    }

    .ul-listorg2 .name {
        font-size: 20px
    }

    .g-titorg2 .tit {
        font-size: 25px
    }

    .m-org4-tit .img1 {
        width: 300px
    }

    .m-org4 .c1 {
        width: 400px
    }

    .ul-listlead .txtbox {
        padding-left: 20px
    }

    .ul-listlead .con .line {
        left: 190px;
        display: none
    }

    .ul-listlead .top {
        font-size: 20px;
        margin-bottom: 20px
    }

    .ul-listlead .desc {
        padding-right: 0;
        font-size: 14px
    }

    .ul-listlead .txtbox .more {
        display: none
    }

    .ul-listlead li {
        margin-bottom: 50px
    }

    .ul-listhis .tit {
        font-size: 20px
    }

    .ul-listhis .desc {
        padding: 0 15px;
        font-size: 14px
    }

    .m-his .logo-ico {
        width: 100px
    }

    .ul-listhis .desc img {
        margin-right: 10px;
        margin-bottom: 10px
    }

    .tanWrap {
        width: 76%;
        margin-left: -38%
    }

    .leaderTanM .pic {
        width: 220px;
        height: 220px;
        margin-bottom: 10px
    }

    .leaderTanM {
        padding: 28px 0 26px
    }

    .leaderTanB,
    .leaderTanH {
        height: 50px;
        line-height: 50px
    }

    .tanClose {
        top: 7px
    }

    .leaderTanM h2 {
        font-size: 20px;
        line-height: 32px
    }

    .leaderTanM h3 {
        font-size: 22px
    }

    .leaderTanCont p {
        line-height: 26px;
        margin-bottom: 8px
    }

    .leaderTanCont {
        padding: 22px 30px
    }

    .leaderTanCont .leaderTanMss {
        margin-top: 15px
    }

    .leaderTanCont .leaderTanMss p {
        line-height: 30px
    }

    .leaderTanB a {
        margin-top: 8px
    }

    .row-org3 {
        padding: 30px 0 0
    }

    .g-titz1 {
        margin-bottom: 20px
    }

    .ul-jinzhan1 {
        margin: 0
    }

    .ul-jinzhan1 li {
        width: 33.3%;
        padding: 0 10px
    }

    .ul-jinzhan2 li {
        width: 50%;
        margin-bottom: 15px
    }

    .ul-jinzhan2 .con {
        padding: 20px
    }
}

@media only screen and (max-width: 959px) {
    .row-details {
        padding: 80px 0
    }

    .m-details .top::before {
        display: none
    }

    .m-details .top {
        padding: 0 0 15px;
        margin-bottom: 15px
    }

    .m-details .top .inner {
        padding: 20px
    }

    .m-details .desc {
        font-size: 14px;
        line-height: 1.6
    }

    .m-details .pages-box {
        font-size: 16px
    }

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

    .g-navin {
        border-radius: 10px
    }

    .g-navin.m {
        display: none
    }

    .g-listnav li {
        display: block;
        margin: 0
    }

    .g-navin .txt {
        font-size: 22px;
        background-color: #02885b;
        color: #fff;
        padding: 10px 15px;
        position: relative;
        display: block
    }

    .g-navin .txt .arr {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 10px;
        height: 6px;
        background-image: url(../images/arr.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        content: ""
    }

    .g-navin .con {
        position: relative
    }

    .g-navin .arr {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 10px;
        height: 6px;
        background-image: url(../images/arr.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        content: "";
        display: block
    }

    .g-listnav {
        display: none;
        background-image: none;
        background-color: #02885b;
        padding: 0 20px
    }

    .g-listnav .box {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        width: 100%;
        transform: translateX(0);
        text-align: left;
        background-color: transparent;
        padding: 0 10px
    }

    .g-listnav .con {
        line-height: 2
    }

    .g-listnav .con1 {
        background-color: transparent;
        color: #fff;
        padding: 5px 0
    }

    .g-nav-m {
        display: flex;
        background-color: #02885b;
        color: #fff;
        height: 46px;
        font-size: 18px;
        padding: 0 15px;
        width: 280px;
        text-align: center;
        margin: 0 auto;
        border-radius: 10px;
        align-items: center;
        justify-content: space-between
    }

    .g-listnav .on .con {
        padding: 0;
        background-image: none;
        font-size: 20px
    }

    .row-main {
        padding-top: 10px
    }

    .m-banth1 {
        padding: 0;
        margin-top: 20px
    }

    .m-banth1 .swiper-slide-thumb-active {
        transform: translateY(0)
    }

    .m-org1 .bg {
        height: 340px
    }

    .ul-listorg2 li {
        padding: 0 10px
    }

    .m-org4 .c1,
    .m-org4-tit {
        display: none
    }

    .ul-listorg4 li {
        padding: 0;
        float: none;
        width: 100%;
        margin-bottom: 15px
    }

    .ul-listorg4 {
        margin: 0
    }

    .m-his .col-l,
    .m-his .col-r {
        float: none;
        width: 100%;
        padding-top: 0
    }

    .m-his .line,
    .m-his .logo-ico {
        display: none
    }

    .m-his {
        padding: 40px 0;
        margin-top: 0
    }

    .ul-listnews .addr {
        padding-left: 20px;
        background-position: left center;
        font-size: 14px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 767px) {
    .g-navin .txt {
        font-size: 18px
    }

    .g-listnav .on .con {
        font-size: 16px;
        padding: 0
    }

    .g-listnav {
        padding-bottom: 20px
    }

    .g-listnav .con {
        line-height: 2;
        font-size: 16px;
        min-width: auto
    }

    .g-listnav li {
        margin: 0 10px 0 0
    }

    .row-news {
        padding: 50px 0
    }

    .ul-listdept li {
        padding: 0 2px;
        margin-bottom: 5px
    }

    .ul-listdept .con {
        background-size: 100% auto
    }

    .ul-listdept .inner {
        padding: 0 10px
    }

    .ul-listdept .tit {
        font-size: 14px
    }

    .g-titdept {
        background-size: cover;
        padding-left: 10px
    }

    .m-dept {
        margin-bottom: 20px
    }

    .row-details {
        padding: 30px 0
    }

    .m-details .info .ort span {
        margin-right: 10px;
        margin-bottom: 5px
    }

    .m-details .txt {
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .m-details .pages-box {
        font-size: 14px
    }

    .m-details .pages-box .prev {
        margin-bottom: 4px
    }

    .row-intro1 {
        padding: 30px 0 50px
    }

    .m-intro1 .desc,
    .m-intro2 .desc {
        font-size: 16px
    }

    .ul-listin2 li {
        padding: 0 10px;
        margin-bottom: 10px
    }

    .row-intro3 {
        padding: 50px 0
    }

    .m-boxin3 .txt {
        font-size: 16px
    }

    .m-boxin3 .picbox1 {
        display: block
    }

    .m-boxin3 .picbox1 .img1 {
        margin-bottom: 10px
    }

    .m-boxin3 .picbox1 .img1,
    .m-boxin3 .picbox1 .img2 {
        width: 100%
    }

    .ul-listnotice .con {
        padding: 20px 10px
    }

    .ul-listnotice .tit {
        font-size: 16px
    }

    .ul-listnotice .desc span {
        width: 63px;
        height: 26px;
        line-height: 26px;
        transition: .3s;
        margin-right: 8px;
        font-size: 12px
    }

    .ul-listnotice .desc {
        font-size: 14px
    }

    .ul-listnotice .con .icon {
        width: 35px;
        height: 35px
    }

    .ul-listnews .pic {
        float: none;
        width: 100%;
        margin-bottom: 20px;
        height: auto
    }

    .ul-listnews .txt {
        padding-left: 0
    }

    .ul-listnews {
        margin-bottom: 0
    }

    .ul-listin2 .con {
        width: 100px;
        height: 100px;
        padding-top: 20px
    }

    .ul-listin2 .top {
        font-size: 20px
    }

    .ul-listin2 .info {
        font-size: 12px
    }

    .m-details .date {
        font-size: 14px;
        margin-top: 20px
    }

    .m-view::after {
        display: none
    }

    .m-view .swiper-button-prev {
        left: 0;
        right: auto;
        bottom: auto;
        top: 30%
    }

    .m-view .swiper-button-next {
        right: 0;
        bottom: auto;
        top: 30%
    }

    .m-banth1 .group,
    .m-banth1 .swiper-slide-thumb-active .group {
        border-width: 3px
    }

    .row-view {
        padding: 30px 13px 40px
    }

    .ul-listvi3 li {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }

    .ul-listvi3 .pic {
        margin-bottom: 10px
    }

    .ul-listvi4 li {
        float: none;
        width: 100%;
        margin-bottom: 15px
    }

    .row-vi {
        padding: 40px 0
    }

    .ul-listorg1 {
        width: 100%
    }

    .g-titorg2 .tit {
        font-size: 20px;
        padding: 0 80px
    }

    .g-titorg2 .tit::after,
    .g-titorg2 .tit::before {
        width: 70px;
        background-size: auto 100%
    }

    .row-org1 {
        padding: 30px 0 0
    }

    .g-titorg2 {
        margin: 20px 0 30px
    }

    .ul-listorg2 .g-picbox {
        margin-bottom: 10px
    }

    .ul-listorg2 li {
        margin-bottom: 25px
    }

    .ul-listorg2 .name {
        font-size: 18px
    }

    .ul-listorg2 .tit {
        font-size: 14px
    }

    .row-org4 {
        padding: 0 0 50px
    }

    .ul-listorg4 .pic .txt {
        font-size: 14px
    }

    .ul-listlead .g-picbox {
        float: none;
        margin: 0 auto 20px
    }

    .ul-listlead .txtbox {
        padding-left: 0
    }

    .ul-listlead .top span {
        margin-right: 20px
    }

    .ul-listlead .top {
        padding-left: 38px
    }

    .row-leader {
        padding: 40px 0
    }

    .ul-listhis .tit {
        font-size: 18px;
        padding-left: 10px;
        background-size: 22px auto;
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .ul-listhis .desc {
        padding: 0 0 20px
    }

    .tanWrap {
        width: 92%;
        margin-left: -46%;
        top: 4%
    }

    .leaderTanB,
    .leaderTanH {
        height: 36px;
        line-height: 36px
    }

    .tanClose {
        top: 0;
        right: 4px
    }

    .leaderTanH h2 {
        padding-left: 15px;
        font-size: 14px
    }

    .leaderTanM .pic {
        width: 100px;
        height: 100px
    }

    .leaderTanM {
        padding: 10px 0
    }

    .leaderTanM h2 {
        font-size: 14px;
        line-height: 18px
    }

    .leaderTanM h3 {
        font-size: 16px
    }

    .leaderTanCont {
        padding: 10px
    }

    .leaderTanCont p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 2px
    }

    .leaderTanCont .leaderTanMss {
        margin-top: 6px
    }

    .leaderTanCont .leaderTanMss p {
        line-height: 22px
    }

    .leaderTanB a {
        height: 28px;
        line-height: 28px;
        margin-top: 4px;
        font-size: 13px
    }

    .ul-jinzhan1 li {
        width: 100%;
        padding: 0;
        margin-bottom: 15px
    }

    .ul-jinzhan1 .tit {
        font-size: 18px
    }

    .ul-jinzhan1 .desc {
        height: auto;
        display: block
    }

    .ul-jinzhan2 li {
        float: none;
        width: 100%
    }

    .ul-jinzhan2 .con {
        background-color: #14aa7c;
        color: #fff
    }

    .ul-jinzhan2 .date,
    .ul-jinzhan2 .desc,
    .ul-jinzhan2 .tit {
        color: #fff
    }

    .row-jinzhan {
        padding: 40px 0
    }
}

@media only screen and (max-width: 478px) {
    .ul-listdept li {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 10px
    }
}

/*!****** zwj end *******/
/*!****** hlg *******/
.m-leader {
    padding: 20px 0 130px;
    margin: 0 auto;
    width: 940px
}

.m-leader .item {
    padding: 20px 20px 20px 24.57%;
    min-height: 94px;
    font-size: 26px;
    background: url(../images/d-leader-bg1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.m-leader .item:after,
.m-leader .item:before {
    content: '';
    position: absolute;
    z-index: -1
}

.m-leader .item:before {
    left: 100px;
    top: 40px;
    width: 62px;
    height: 22px;
    background: url(../images/d-leader-bg2.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.m-leader .item:after {
    right: 26px;
    bottom: 0;
    width: 147px;
    height: 27px;
    background: url(../images/d-leader-bg3.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.m-leader .item+.item {
    margin-top: 46px
}

.m-leader .item .item-left,
.m-leader .item .item-right {
    padding-right: 20px;
    width: 50%;
    flex-shrink: 0
}

.m-leader .tit {
    color: #217050
}

.m-leader .name {
    color: #333
}

@media only screen and (min-width: 1199px) and (max-width:1800px) {
    .m-leader {
        padding: 1.041vw 0 6.77vw;
        width: 48.95vw
    }

    .m-leader .item {
        padding: 1.041vw;
        padding-left: 24.57%;
        min-height: 4.895vw;
        font-size: 1.354vw
    }

    .m-leader .item:before {
        left: 5.208vw;
        top: 2.083vw;
        width: 3.229vw;
        height: 1.145vw
    }

    .m-leader .item:after {
        right: 1.354vw;
        width: 7.656vw;
        height: 1.406vw
    }

    .m-leader .item+.item {
        margin-top: 2.395vw
    }

    .m-leader .item .item-left,
    .m-leader .item .item-right {
        padding-right: 1.041vw
    }
}

@media only screen and (max-width: 1199px) {
    .m-leader {
        padding: 20px 0;
        width: 600px
    }

    .m-leader .item {
        font-size: 16px;
        min-height: 60px
    }

    .m-leader .item:before {
        left: 50px;
        top: 24px
    }

    .m-leader .item+.item {
        margin-top: 20px
    }
}

@media only screen and (max-width: 767px) {
    .m-leader {
        width: 100%
    }

    .m-leader .item {
        padding-left: 24%
    }

    .m-leader .item:before {
        left: 15px;
        top: 25px
    }

    .m-leader .item:after {
        right: 10px;
        width: 100px;
        height: 18px
    }

    .d-imgsU1 {
        margin: 0 -8px
    }

    .d-imgsU1 li {
        padding: 0 8px;
        margin-bottom: 8px;
        width: 50%
    }

    .d-imgsU1 .text {
        padding: 14px 0
    }

    .d-imgsU1 .tit {
        font-size: 12px
    }

    .d-imgsU1 .desc {
        font-size: 9px
    }
}

/*!****** hlg end *******/
/* 20230927 fanqie */
@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 0;
        transform: translate3d(0, 20%, 0);
        -webkit-transform: translate3d(0, 20%, 0);
        -moz-transform: translate3d(0, 20%, 0);
        -ms-transform: translate3d(0, 20%, 0);
        -o-transform: translate3d(0, 20%, 0);
}

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        transform: translate3d(0, 20%, 0);
        -webkit-transform: translate3d(0, 20%, 0);
        -ms-transform: translate3d(0, 20%, 0);
        -moz-transform: translate3d(0, 20%, 0);
        -o-transform: translate3d(0, 20%, 0);
}

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2
}
.header .header-menu .icon {
    background-image: url(../images/d-menu.png)!important;
    position: relative;
}

.header .header-menu .icon .menuBtn {
    /* width: 25px; */
    /* height: 25px; */
    width: 50%;
    height: 50%;
    cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

.header .header-menu .icon .menuBtn b {
    display: block;
    height: 2px;
    background-color: #dcc88b;
    margin: 20% 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.header .header-menu .icon .menuBtn {}

.navShow .header .header-menu .icon .menuBtn b {
    display: none;
    margin: 0;
    position: absolute;
    left: 0px;
    top: 50%;
    width: 105%;
}

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

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

@keyframes ani_roll2 {
    0% {
        background-position: 0 bottom;
    }

    100% {
        background-position: -100% bottom;
    }
}
.footer .footer-cloud {
    top: -0;
    transform: translateY(-99%);
    -webkit-transform: translateY(-99%);
    -moz-transform: translateY(-99%);
    -ms-transform: translateY(-99%);
    -o-transform: translateY(-99%);
}
.footer .footer-cloud .cloud1 {
    background: url(../images/d-footer-bg2.png) 0 bottom repeat-x;
    background-size: auto 100%;
    animation: 55s linear infinite ani_roll2;
    -webkit-animation: 55s linear infinite ani_roll2;
}
.footer .footer-cloud img{
    opacity: 0!important;
    visibility: hidden!important;
    animation: none;
    -webkit-animation: none;
}
.footer .footer-cloud .cloud2{
    background: url(../images/d-footer-bg3.png) 0 bottom repeat-x;
    background-size: auto 100%;
    animation: 30s linear infinite ani_roll2;
    -webkit-animation: 30s linear infinite ani_roll2;
}

@-webkit-keyframes blueBlock{0%{left:0;right:100%}
50%{left:0;right:0}100%{left:100%}
}
@keyframes blueBlock{0%{left:0;right:100%}
50%{left:0;right:0}100%{left:100%}
}
body.navShow:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1e6c56;
    display: block;
    height: 100%;
    z-index: 60;
    animation: blueBlock 1s;
    -webkit-animation: blueBlock 1s;
}
body.navShow .header-con {
    transition-delay: .8s;
}


.banner {

}
.banner .swiper-slide-animate{
}
.banner .swiper-slide-animate img{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.banner .swiper-slide-animate.swiper-slide-active img{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.banner .swiper-slide-animate .item{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    right: 0;
}
.banner .swiper-slide-animate .item.item1{
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    opacity: 0;
}
.banner .swiper-slide-animate.swiper-slide-active .item.item1{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
    transition: all 2s;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
}
.banner .swiper-slide-animate .item.item2{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}
.banner .swiper-slide-animate.swiper-slide-active .item.item2{
    transform: translateX(2%);
    -webkit-transform: translateX(2%);
    -moz-transform: translateX(2%);
    -ms-transform: translateX(2%);
    -o-transform: translateX(2%);
    transition: all 7s;
    -webkit-transition: all 7s;
    -moz-transition: all 7s;
    -ms-transition: all 7s;
    -o-transition: all 7s;
}
.banner .swiper-slide-animate .item.item3{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}
.banner .swiper-slide-animate.swiper-slide-active .item.item3{
    transform: translateX(-10px) scale(1.05);
    -webkit-transform: translateX(-10px) scale(1.05);
    -moz-transform: translateX(-10px) scale(1.05);
    -ms-transform: translateX(-10px) scale(1.05);
    -o-transform: translateX(-10px) scale(1.05);
    transition: all 7s;
    -webkit-transition: all 7s;
    -moz-transition: all 7s;
    -ms-transition: all 7s;
    -o-transition: all 7s;
}
.banner .swiper-slide-animate .item.item4{
    transform-origin: center bottom;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.banner .swiper-slide-animate.swiper-slide-active .item.item4{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transition: all 7s;
    -webkit-transition: all 7s;
    -moz-transition: all 7s;
    -ms-transition: all 7s;
    -o-transition: all 7s;
}
/* 20230927 fanqie end */