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

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

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

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

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

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

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

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

.c {
    clear: both
}

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

.b {
    font-weight: 700
}

.i {
    font-style: italic
}

.fa {
    font-family: Arial
}

.fg {
    font-family: Georgia
}

.ft {
    font-family: Tahoma
}

.fl {
    font-family: Lucida Console
}

.fs {
    font-family: '宋体'
}

.fw {
    font-family: '微软雅黑'
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

p .tl {
    text-align: left
}

.tdu {
    text-decoration: underline
}

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

.fc0 {
    color: #000
}

.fc3 {
    color: #333
}

.fc6 {
    color: #666
}

.fc9 {
    color: #999
}

.fcr {
    color: red
}

.fcw {
    color: #fff
}

.fcb {
    color: #00f
}

.fcg {
    color: green
}

.f0 {
    font-size: 0
}

.f10 {
    font-size: 10px
}

.f12 {
    font-size: 12px
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f20 {
    font-size: 20px
}

.f24 {
    font-size: 24px
}

.vm {
    vertical-align: middle
}

.vtb {
    vertical-align: text-bottom
}

.vt {
    vertical-align: top
}

.vn {
    vertical-align: -2px
}

.vimg {
    margin-bottom: -3px
}

.m0 {
    margin: 0
}

.ml0 {
    margin-left: 0
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.mr0 {
    margin-right: 0
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

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

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

.p1 {
    padding: 1px
}

.pl5 {
    padding-left: 5px
}

.p5 {
    padding: 5px
}

.pt5 {
    padding-top: 5px
}

.pr5 {
    padding-right: 5px
}

.pb5 {
    padding-bottom: 5px
}

.p10 {
    padding: 10px
}

.pl10 {
    padding-left: 10px
}

.pt10 {
    padding-top: 10px
}

.pr10 {
    padding-right: 10px
}

.pb10 {
    padding-bottom: 10px
}

.p20 {
    padding: 20px
}

.pl20 {
    padding-left: 20px
}

.pt20 {
    padding-top: 20px
}

.pr20 {
    padding-right: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pr,
.rel {
    position: relative
}

.abs,
.pa {
    position: absolute
}

.dn {
    display: none
}

.db {
    display: block
}

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

.di {
    display: inline
}

.ovh {
    overflow: hidden
}

.ovs {
    overflow: scroll
}

.vh {
    visibility: hidden
}

.vv {
    visibility: visible
}

.lh14 {
    line-height: 14px
}

.lh16 {
    line-height: 16px
}

.lh18 {
    line-height: 18px
}

.lh20 {
    line-height: 20px
}

.lh22 {
    line-height: 22px
}

.lh24 {
    line-height: 24px
}

.fix {
    zoom: 1
}

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

.z {
    _zoom: 1
}

.h1 {
    height: 1px
}

.h5 {
    height: 5px
}

.h,
.h10 {
    height: 10px
}

.h15 {
    height: 15px
}

.h20 {
    height: 20px
}

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

*,
: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(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch
}

body {
    background: #fff;
    font: 14px/1.5 "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "PingFang SC", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;
    outline: 0
}

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

input,
select,
textarea {
    font-size: 14px;
    color: #333;
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Microsoft Yahei', Tahoma, 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif
}

input,
input[type=button],
input[type=checkbox],
input[type=radio],
input[type=reset],
input[type=submit],
select,
textarea {
    border: none;
    outline: 0
}

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

::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .3)
}

::-moz-placeholder {
    color: rgba(255, 255, 255, .3)
}

::-ms-input-placeholder {
    color: rgba(255, 255, 255, .3)
}

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

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

.body-c {
    padding-top: 0
}

.c-hd {
    height: 5.989vw;
}

.c-hd a {
    color: #333;
}

.c-hd a:hover {
    color: #063e7d
}

.c-hd .mian-nav ul li>a {
    color: #333
}

.c-hd .mian-nav ul li>a:hover {
    color: #063e7d
}

.c-hd.on .mian-nav ul li>a,
.c-hd.on a,
.body-c.scrolling .c-hd .mian-nav ul li>a,
.body-c.scrolling .c-hd a {
    color: #fff
}

.header .sub-nav .sub-nav-h a {
    color: #333
}

@media only screen and (min-width:950px) and (max-width:1920px) {
    .c-hd.header .mian-nav ul li {
        margin-left: 2vw
    }
}

@media only screen and (min-width:950px) and (max-width:1700px) {
    .c-hd.header .mian-nav ul li {
        margin-left: 1.5vw
    }
}

@media only screen and (min-width:950px) and (max-width:1560px) {
    .c-hd.header .mian-nav ul li {
        margin-left: 1vw
    }
}

@media only screen and (max-width:1366px) {
    .c-hd.header .mian-nav ul li {
        font-size: 14px
    }

    .c-hd .header-t {
        margin-bottom: 2px
    }

    .c-hd.header .mian-nav ul li {
        margin-left: .8vw
    }

    .c-hd.on .logo {
        margin-top: 0px;
    }

    .c-hd.on .logo img {
        max-width: 100%
    }

    .c-hd .logo {
        max-width: 200px
    }

    .c-hd .logo img {
        height: auto;
    }
}

@media only screen and (max-width:1200px) {
    .body-c {
        padding-top: 60px
    }
}

@media only screen and (max-width:750px) {
    .wp {
        width: 100%;
        padding: 0 15px
    }
}

@media only screen and (max-width:640px) {
    .body-c {
        padding-top: 55px
    }
}

.row-a1 {
    padding-top: 80px;
    background: url(../image/a-bg1.png) right bottom no-repeat;
    -o-background-size: auto;
    background-size: auto
}

.homecb .ul-date-a1 li {
    margin-bottom: .6rem
}

.ul-date-a1 .time .p2 {
    font-size: 14px;
    font-weight: 400;
    color: #5086be;
    height: 40px;
    line-height: 40px;
    padding-top: 0;
    background-color: #0052a1
}

.ul-date-a1 .time .p2::before {
    display: none !important
}

.pages {
    text-align: center;
    padding-bottom: 95px
}

.pages a {
    display: inline-block;
    width: 34px;
    height: 33px;
    line-height: 31px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #1e63b5;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.pages .a3 {
    border: none
}

.pages .a4 {
    width: auto;
    border: none;
    color: #666;
    margin: 0 4px
}

.pages .a5 {
    width: 60px;
    height: 33px;
    background: #1e63b5;
    border-radius: 4px;
    color: #fff;
    border: none
}

.pages input {
    display: inline-block;
    width: 34px;
    height: 33px;
    line-height: 33px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    padding: 0 2px;
    margin: 0 8px 0 4px
}

.pages .a1 em {
    background: url(../image/a-icon1.png) left no-repeat;
    padding-left: 10px
}

.pages .a2 em {
    background: url(../image/a-icon2.png) right no-repeat;
    padding-right: 10px
}

.pages em {
    display: inline-block;
    width: 13px;
    height: 14px;
    -o-background-size: 13px 14px;
    background-size: 13px 14px
}

.pages a:hover {
    background: #d4be6e;
    border-radius: 4px;
    color: #fff !important;
    border-color: #d4be6e
}

.pages p_no_d {
    background: #d4be6e;
    border-radius: 4px;
    color: #fff;
    border-color: #d4be6e
}

.pages .a4:hover {
    background-color: transparent;
    color: #666
}

.row-a2 .l:first-child {
    margin-right: 21px
}

.ul-pic-a1 {
    width: 32.25%
}

.ul-pic-a1 li {
    margin-bottom: 16px
}

.ul-pic-a1 .con {
    display: block
}

.m-pic {
    height: 254px;
    overflow: hidden;
    border-radius: 10px;
    position: relative
}

.m-pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.m-pic .tit {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    height: 99px;
    line-height: 99px;
    padding: 0 40px;
    border-radius: 10px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, .9));
    background-image: -moz- oldlinear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, .9));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, .9));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, .9))
}

.m-pic .bg {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background-color: rgba(16, 78, 147, .85)
}

.m-pic-a2 .tit {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    text-align: center;
    background: 0 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

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

.m-pic .gb2 {
    background-color: rgba(186, 153, 28, .85)
}

.ul-pic-a2,
.ul-pic-a2 .m-pic {
    height: 525px
}

.ul-pic-a2 .m-pic .bg {
    background: url(../image/a-bg2.png) center no-repeat;
    -o-background-size: cover;
    background-size: cover
}

.ul-pic-a2 .m-pic .pic-txt {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    z-index: 3;
    padding: 0 44px
}

.ul-pic-a2 .m-pic .pic-txt .tit2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.ul-pic-a2 .m-pic b {
    display: block;
    margin-bottom: 15px;
    height: 1px;
    width: 100%;
    background: url(../image/a-icon3.png) center no-repeat;
    -o-background-size: 100% 1px;
    background-size: 100% 1px
}

.ul-pic-a2 .m-pic .more {
    overflow: hidden;
    padding: 0 15px
}

.ul-pic-a2 .m-pic .more a {
    float: left;
    width: 45%;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px
}

.ul-pic-a2 .m-pic .more a:nth-child(odd) {
    width: 55%
}

.ul-pic-a2 .m-pic .more span {
    padding-right: 30px;
    background: url(../image/a-icon4.png) right center no-repeat;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.ul-pic-a2 .m-pic .more a:hover span {
    padding-right: 35px
}

.m-more-a1 {
    margin-top: 4px;
    padding: 0 70px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 131px;
    line-height: 131px;
    border-radius: 10px;
    overflow: hidden;
    background: url(../image/a-bg3.png) center no-repeat;
    -o-background-size: cover;
    background-size: cover
}

.m-more-a1 .tit {
    padding-left: 38px;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    position: relative
}

.m-more-a1 .tit::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 50px;
    background: #f2d057;
    border-radius: 2px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.m-more-a1 a {
    display: block;
    padding-right: 53px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    position: relative
}

.m-more-a1 a::after {
    content: '';
    width: 36px;
    height: 21px;
    position: absolute;
    right: 0;
    top: 50%;
    background: url(../image/a-icon5.png) right center no-repeat;
    -o-background-size: 36px 21px;
    background-size: 36px 21px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.m-more-a1 a:hover::after {
    transform: translate(15px, -50%);
    -webkit-transform: translate(15px, -50%);
    -moz-transform: translate(15px, -50%);
    -ms-transform: translate(15px, -50%);
    -o-transform: translate(15px, -50%)
}

.row-a2 {
    padding-top: 0;
    padding-bottom: 100px
}

.row-a3 {
    margin-bottom: 89px
}

@media only screen and (min-width:950px) and (max-width:1920px) {
    .header .mian-nav ul li {
        margin-left: 1.8vw
    }

    .row-a2 .l:first-child {
        margin-right: 1.093vw
    }

    .ul-pic-a1 li {
        margin-bottom: .833vw
    }

    .m-pic {
        height: 13.22vw;
        border-radius: .52vw
    }

    .m-pic .tit {
        font-size: 1.875vw;
        height: 5.156vw;
        line-height: 5.156vw;
        padding: 0 2.083vw;
        border-radius: .52vw
    }

    .ul-pic-a2,
    .ul-pic-a2 .m-pic {
        height: 27.34vw
    }

    .ul-pic-a2 .m-pic .pic-txt {
        bottom: .52vw;
        padding: 0 2.291vw
    }

    .ul-pic-a2 .m-pic .pic-txt .tit2 {
        font-size: 1.875vw;
        margin-bottom: .781vw
    }

    .ul-pic-a2 .m-pic b {
        margin-bottom: .781vw
    }

    .ul-pic-a2 .m-pic .more {
        padding: 0 .781vw
    }

    .ul-pic-a2 .m-pic .more a {
        font-size: 1.041vw;
        margin-bottom: .781vw
    }

    .ul-pic-a2 .m-pic .more span {
        padding-right: 1.562vw
    }

    .ul-pic-a2 .m-pic .more a:hover span {
        padding-right: 1.822vw
    }

    .m-more-a1 {
        margin-top: .208vw;
        padding: 0 3.645vw;
        height: 6.822vw;
        line-height: 6.822vw;
        border-radius: .52vw
    }

    .m-more-a1 .tit {
        padding-left: 1.979vw;
        font-size: 1.875vw
    }

    .m-more-a1 .tit::after {
        width: .208vw;
        height: 2.604vw
    }

    .m-more-a1 a {
        padding-right: 2.76vw;
        font-size: .937vw
    }

    .m-more-a1 a::after {
        width: 1.875vw;
        height: 1.093vw;
        -o-background-size: 1.875vw 1.093vw;
        background-size: 1.875vw 1.093vw
    }

    .m-more-a1 a:hover::after {
        transform: translate(.781vw, -50%);
        -webkit-transform: translate(.781vw, -50%);
        -moz-transform: translate(.781vw, -50%);
        -ms-transform: translate(.781vw, -50%);
        -o-transform: translate(.781vw, -50%)
    }

    .row-a2 {
        padding-bottom: 5.208vw
    }

    .row-a3 {
        margin-bottom: 4.635vw
    }
}

@media only screen and (max-width:950px) {
    .row-a2 {
        padding-bottom: 40px
    }

    .row-a3 {
        margin-bottom: 40px
    }

    .ul-pic-a1 {
        float: none;
        width: 100%
    }

    .m-pic,
    .ul-pic-a2 {
        height: auto
    }

    .ul-pic-a2 .m-pic .pic-txt {
        padding: 0 25px
    }

    .m-pic .tit {
        font-size: 30px;
        height: 60px;
        line-height: 60px;
        padding: 0 30px
    }

    .ul-pic-a2 .m-pic .pic-txt .tit2 {
        font-size: 25px
    }

    .ul-pic-a2 .m-pic .more a {
        font-size: 15px
    }

    .ul-pic-a2 .m-pic .more a:nth-child(odd) {
        width: 50%
    }

    .ul-pic-a2 {
        margin-bottom: 15px
    }

    .m-more-a1 {
        height: 100px;
        line-height: 100px;
        padding: 0 15px
    }

    .m-more-a1 .tit {
        padding-left: 15px;
        font-size: 20px
    }

    .m-more-a1 .tit::after {
        width: 3px;
        height: 25px
    }

    .m-more-a1 a {
        padding-right: 37px;
        font-size: 15px
    }

    .m-more-a1 a::after {
        width: 30px;
        height: 17px;
        -o-background-size: 30px 17px;
        background-size: 30px 17px
    }

    .m-more-a1 a:hover::after {
        transform: translate(8px, -50%);
        -webkit-transform: translate(8px, -50%);
        -moz-transform: translate(8px, -50%);
        -ms-transform: translate(8px, -50%);
        -o-transform: translate(8px, -50%)
    }
}

@media only screen and (max-width:750px) {
    .row-a3 {
        margin-bottom: 0px
    }

    .m-pic .tit {
        font-size: 25px
    }

    .row-a1 {
        padding-top: 35px
    }

    .homecb .ul-date-a1 li {
        margin-bottom: 20px
    }

    .pages {
        padding-bottom: 30px
    }

    .pages .a0 {
        display: none
    }

    .pages .a5,
    .pages a,
    .pages input {
        width: 30px;
        height: 30px;
        line-height: 29px;
        font-size: 14px
    }

    .pages .a5 {
        width: 35px
    }

    .pages input {
        margin: 0 4px 0 0
    }

    .pages em {
        width: 10px;
        height: 11px
    }

    .ul-pic-a2 .m-pic .pic-txt {
        padding: 0 15px
    }
}

.row-b {
    padding: 100px 0;
    background-image: url(../image/b-bg3.jpg);
    -o-background-size: 100%;
    background-size: 100%;
    background-position: left bottom;
    background-repeat: no-repeat
}

.row-b1 {
    margin-bottom: 12px
}

.row-b1 .wp {
    max-width: 1250px
}

.row-b1 .b-info1 {
    overflow: hidden;
    position: relative
}

.ul-info-b1 {
    position: relative;
    margin-bottom: -298px
}

.ul-info-b1::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 45px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 1px;
    background-color: #e6e6e6;
    height: 100%;
    z-index: 1
}

.row-b1 .b-info1::before {
    content: '';
    width: 23px;
    height: 23px;
    background-image: url(../image/b-icon1.png);
    background-repeat: no-repeat;
    -o-background-size: 100%;
    background-size: 100%;
    position: absolute;
    left: 50%;
    bottom: 0;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 5
}

.ul-info-b1 li {
    width: 50%;
    margin-left: auto
}

.ul-info-b1 li:nth-child(2n) {
    margin-right: auto;
    margin-left: inherit
}

.ul-info-b1 .info {
    text-align: left;
    position: relative;
    top: -95px;
    padding-left: 14.7vw
}

.ul-info-b1 li:first-child .info {
    top: 0
}

.ul-info-b1 li:nth-child(3) .info {
    top: -113px
}

.ul-info-b1 li:nth-child(4) .info {
    top: -47px
}

.ul-info-b1 li:nth-child(5) .info {
    top: -277px
}

.ul-info-b1 li:nth-child(6) .info {
    top: -301px;
    padding-left: 50px
}

.ul-info-b1 li:nth-child(7) .info {
    top: -346px
}

.ul-info-b1 li:nth-child(8) .info {
    top: -342px;
    padding-left: 50px
}

.ul-info-b1 li:nth-child(9) .info {
    top: -355px
}

.ul-info-b1 li:nth-child(10) .info {
    top: -450px
}

.ul-info-b1 li:nth-child(11) .info {
    top: -432px
}

.ul-info-b1 li:nth-child(12) .info {
    top: -420px
}

.ul-info-b1 .info .info1 {
    display: inline-block;
    width: 338px;
    z-index: 5;
    text-align: left
}

.ul-info-b1 li:nth-child(6) .info .info1 {
    width: 100%
}

.ul-info-b1 li:nth-child(8) .info .info1 {
    width: 100%
}

.ul-info-b1 li:nth-child(6) .info::after {
    width: 437.5px
}

.ul-info-b1 li:nth-child(8) .info::after {
    width: 437.5px
}

.ul-info-b1 .info .pic01 {
    top: -192px;
    position: relative
}

.ul-info-b1 li:first-child .info .pic01 {
    top: 0
}

.ul-info-b1 .info::after {
    content: '';
    position: absolute;
    top: 45px;
    left: 0;
    width: 262.5px;
    height: 1px;
    background-color: #4c89e7
}

.ul-info-b1 .info::before {
    position: absolute;
    content: '';
    top: 40px;
    left: -6.5px;
    width: 13px;
    height: 13px;
    background-color: #4c89e7;
    border-radius: 50%;
    z-index: 5
}

.ul-info-b1 li:nth-child(2n) .info::after {
    right: 0;
    left: inherit
}

.ul-info-b1 li:nth-child(2n) .info::before {
    content: '';
    right: -6.5px;
    left: inherit
}

.ul-info-b1 li:nth-child(2n) .info {
    padding-left: 0;
    padding-right: 64px;
    text-align: right
}

.ul-info-b1 .info .pic {
    display: inline-block;
    border-radius: 10px;
    overflow: hidden
}




@font-face {
    font-family: IMPACT1;
    src: url(../font/IMPACT.TTF) format('truetype')
}

.ul-info-b1 .info h3 {
    font-size: 66px;
    color: #333;
    font-family: IMPACT1;
    margin-bottom: 6px
}


.ul-info-b1 .info .txt {
    margin-bottom: 8px
}

.ul-info-b1 .info span {
    font-size: 26px;
    color: #333
}

.ul-info-b1 .info em {
    font-size: 16px;
    color: #fff;
    background-color: #1e63b5;
    line-height: 28px;
    padding: 0 14px;
    display: inline-block
}

.ul-info-b1 .info em:nth-child(3) {
    background-color: #d6c173
}

.ul-info-b1 .info .txt1 p {
    font-size: 20px;
    color: #575757
}

.row-b2 .wp {
    max-width: 1096px
}

.row-b2 .b-info .tit {
    text-align: center;
    color: #333;
    margin-bottom: 14px
}

.row-b2 .b-info .tit h3 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 7px
}

.row-b2 .b-info .tit p {
    font-size: 26px
}

.ul-pic-b1 {
    overflow: hidden;
    margin: 0 -6px
}

.ul-pic-b1 li {
    width: 33.333%;
    float: left
}

.ul-pic-b1 .pic {
    position: relative;
    overflow: hidden;
    padding-top: 55.5%
}

.ul-pic-b1 .pic img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out
}

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

.ul-pic-b1 .info {
    padding: 0 6px
}

.row-b3 {
    padding: 88px 0 100px;
    background-image: url(../image/b-bg1.png);
    background-repeat: no-repeat;
    -o-background-size: auto;
    background-size: auto;
    background-position: right bottom
}

.ul-info-b2 {
    overflow: hidden;
    position: relative;
    height: 1112px
}

.ul-info-b2 li:nth-child(1) {
    position: absolute;
    left: 0;
    top: 0;
    width: 63.2%
}

.ul-info-b2 li:nth-child(2) {
    position: absolute;
    right: 0;
    top: 0;
    width: 35.4%
}

.ul-info-b2 li:nth-child(3) {
    position: absolute;
    left: 0;
    bottom: 62px;
    width: 29.2%
}

.ul-info-b2 li:nth-child(4) {
    position: absolute;
    left: 30.5%;
    bottom: 0;
    width: 32.7%
}

.ul-info-b2 li:nth-child(5) {
    position: absolute;
    right: 0;
    bottom: 125px;
    width: 35.4%
}

.ul-info-b2 li .info {
    position: relative
}

.ul-info-b2 li .info::after {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    background-size: cover;
}

.ul-info-b2 li:nth-child(1) .info {
    height: 426px;
    padding: 78px 47px 0
}

.ul-info-b2 li:nth-child(1) .info::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../image/b-pic03_02.jpg)
}

.ul-info-b2 li:nth-child(2) .info {
    height: 539px;
    padding: 78px 43px 0
}

.ul-info-b2 li:nth-child(2) .info::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../image/b-pic03_04.jpg);
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover
}

.ul-info-b2 li:nth-child(3) .info {
    height: 605px;
    padding: 74px 43px 0
}

.ul-info-b2 li:nth-child(3) .info::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../image/b-pic03_06.jpg);
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover
}

.ul-info-b2 li:nth-child(4) .info {
    height: 666px;
    padding: 74px 43px 0
}

.ul-info-b2 li:nth-child(4) .info::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../image/b-pic03_09.jpg)
}

.ul-info-b2 li:nth-child(5) .info {
    height: 428px;
    padding: 74px 43px 0
}

.ul-info-b2 li:nth-child(5) .info::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../image/b-pic03_14.jpg)
}

.ul-info-b2 li .info1 {
    z-index: 5;
    position: relative
}

.ul-info-b2 li:nth-child(1) .info1 {
    width: 241px
}

.ul-info-b2 li:nth-child(2) .info1 {
    width: 393px
}

.ul-info-b2 .info {
    color: #fff;
    border-radius: 10px;
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.ul-info-b2 .info1 {
    padding-left: 13px
}

.ul-info-b2 .info h3 {
    font-size: 36px;
    font-weight: bold;
}

.ul-info-b2 .info .tit {
    padding-bottom: 19px;
    position: relative;
    margin-bottom: 20px
}

.ul-info-b2 .info .tit::after {
    content: '';
    position: absolute;
    background-image: url(../image/b-icon02.png);
    -o-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: -13px
}

.ul-info-b2 li:last-child .info .tit::after {
    display: none
}

.ul-info-b2 li:last-child .info .tit {
    margin-bottom: 0;
    padding-bottom: 15px
}

.ul-info-b2 .info .txt {
    margin-bottom: 26px
}

.ul-info-b2 .info p {
    font-size: 16px;
    line-height: 2.15;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 101px
}

.ul-info-b2 li:first-child .info p {
    -webkit-line-clamp: 4;
    height: 134.6px
}

.ul-info-b2 .info span {
    font-size: 18px;
    color: #fff;
    padding-right: 100px;
    background: url(../image/b-icon01.png) 90px center no-repeat;
    -o-background-size: 36px 21px;
    background-size: 36px 21px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.ul-info-b2 .con {
    overflow: hidden;
    display: block;
    border-radius: 10px
}

.ul-info-b2 .con:hover .info span {
    background-position: 100px center;
    color: #063e7d
}

.ul-info-b2 li:nth-child(3) .con:hover .info span {
    color: #e1b93e
}

.ul-info-b2 .con:hover .info::after {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.row-b4 {
    padding: 106px 0 98px;
    background-image: url(../image/b-bg1.png);
    background-repeat: no-repeat;
    -o-background-size: auto;
    background-size: auto;
    background-position: right bottom
}

.ul-info-b3 {
    height: 700px;
    position: relative
}

.ul-info-b3 li {
    color: #333;
    width: 49%;
    background-color: #fff
}

.ul-info-b3 li:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    height: 37%
}

.ul-info-b3 li:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    height: 48.5%
}

.ul-info-b3 li:nth-child(3) {
    position: absolute;
    top: 38%;
    left: 0
}

.ul-info-b3 li:nth-child(4) {
    position: absolute;
    top: 45%;
    right: 0;
    height: auto
}

.ul-info-b3 li:nth-child(2n) {
    width: 49.5%
}

.ul-info-b3 li:nth-child(3) .info1 {
    padding: 23px 0 31px 32px;
    border-radius: 10px;
    position: relative
}

.ul-info-b3 li:nth-child(3) .info1::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../image/b-pic04_01.jpg);
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    -o-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out
}

.ul-info-b3 li:nth-child(3) .txt2 {
    background-color: rgba(1, 91, 177, .66);
    width: 274px;
    padding: 46px 33px 40px;
    color: #fff;
    z-index: 5;
    position: relative
}

.ul-info-b3 li:nth-child(3) .tit {
    padding-bottom: 13px;
    margin-bottom: 0
}

.ul-info-b3 li:nth-child(3) .tit::after {
    display: none
}

.ul-info-b3 li:nth-child(3) .txt {
    margin-bottom: 21px
}

.ul-info-b3 li:nth-child(4) .info1 {
    padding: 51px 54px 50px 80px;
    border-radius: 10px
}

.ul-info-b3 li:nth-child(4) .info1 .tit1 {
    overflow: hidden;
    margin-bottom: 38px
}

.ul-info-b3 li:nth-child(4) .info1 .tit1:last-child {
    margin-bottom: 0
}

.ul-info-b3 li:nth-child(4) .info1 .tit1 .pic {
    overflow: hidden;
    float: left
}

.ul-info-b3 li:nth-child(4) .info1 .tit1 .more {
    float: right;
    font-size: 18px;
    color: #0963ba;
    padding-left: 27px;
    background-image: url(../image/b-icon05.png);
    background-repeat: no-repeat;
    background-position: left center;
    -o-background-size: 18px 5px;
    background-size: 18px 5px;
    position: relative;
    top: 23px
}

.ul-info-b3 li:nth-child(4) .info1 .tit1 .more:hover {
    color: #063e7d
}

.ul-info-b3 li:nth-child(4) .info1 .tit1 img {
    float: left;
    margin-right: 22px;
    width: 77px;
    -o-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out
}

.ul-info-b3 li:nth-child(4) .info1 .tit1:hover img {
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95);
    -webkit-transform: scale(.95)
}

.ul-info-b3 li:nth-child(4) .info1 .tit1:last-child img {
    width: 70px
}

.ul-info-b3 li:nth-child(4) .info1 .tit1 h3 {
    overflow: hidden;
    font-size: 24px;
    color: #333;
    position: relative;
    top: 23px
}

.ul-info-b3 h3 {
    font-size: 36px;
    color: #000
}

.ul-info-b3 li:nth-child(3) h3 {
    color: #fff
}

.ul-info-b3 .tit {
    position: relative;
    padding-bottom: 21px;
    margin-bottom: 14px
}

.ul-info-b3 .tit::after {
    content: '';
    width: 60px;
    height: 4px;
    background-color: #4c89e7;
    border-radius: 30px;
    position: absolute;
    left: 0;
    bottom: 0
}

.ul-info-b3 .txt1 {
    width: 406px
}

.ul-info-b3 p {
    font-size: 15px;
    line-height: 2;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 127px
}

.ul-info-b3 li:first-child p {
    height: 64px
}

.ul-info-b3 li:nth-child(2) p {
    -webkit-line-clamp: 3;
    height: 95px
}

.ul-info-b3 li:nth-child(3) p {
    -webkit-line-clamp: 4
}

.ul-info-b3 li .info1 {
    box-shadow: 0 0 20px 0 rgba(59, 77, 122, .16);
    border-radius: 10px;
    position: relative
}

.ul-info-b3 li .con {
    box-shadow: 0 0 20px 0 rgba(59, 77, 122, .16)
}

.ul-info-b3 li:nth-child(1) .info1 {
    padding: 45px 30px 39px 59px
}

.ul-info-b3 li:nth-child(2) .info1 {
    padding: 17px;
    overflow: hidden
}

.ul-info-b3 li:nth-child(2) .info1 .pic {
    float: left;
    margin-right: 34px;
    width: 396px;
    overflow: hidden
}

.ul-info-b3 li:nth-child(2) .info1 .pic img {
    -o-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out
}

.ul-info-b3 li:nth-child(2) .con:hover .info1 img {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.ul-info-b3 .con:hover .btn span {
    background-position: 100px center
}

.ul-info-b3 li:nth-child(1) .btn {
    position: absolute;
    right: 0;
    bottom: 28px
}

.ul-info-b3 li:nth-child(2) .txt1 {
    overflow: hidden;
    width: auto;
    padding-top: 31px
}

.ul-info-b3 li:nth-child(2) .tit {
    margin-bottom: 14px;
    padding-bottom: 0
}

.ul-info-b3 li:nth-child(2) .txt {
    margin-bottom: 27px
}

.ul-info-b3 li:nth-child(2) .tit::after {
    display: none
}

.ul-info-b3 .btn a {
    font-size: 18px;
    color: #0963ba;
    font-weight: 700;
    padding-right: 100px;
    background: url(../image/d-icon4.png) 90px center no-repeat;
    -o-background-size: 36px 21px;
    background-size: 36px 21px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.ul-info-b3 .btn a:hover {
    background-position: 100px center
}

.ul-info-b3 .btn span {
    font-size: 18px;
    color: #0963ba;
    font-weight: 700;
    padding-right: 100px;
    background: url(../image/d-icon4.png) 90px center no-repeat;
    -o-background-size: 36px 21px;
    background-size: 36px 21px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.ul-info-b3 .btn span:hover {
    background-position: 100px center
}

.ul-info-b3 .btn1 span {
    font-size: 14px;
    color: #fff;
    background-color: #1e63b5;
    border-radius: 50px;
    line-height: 30px;
    height: 29px;
    padding: 0 44px 0 15px;
    display: inline-block;
    background-image: url(../image/b-icon04.png);
    -o-background-size: 28px 6px;
    background-size: 28px 6px;
    background-position: 49px center;
    background-repeat: no-repeat;
    -o-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out
}

.ul-info-b3 .con {
    display: block;
    overflow: hidden;
    border-radius: 10px
}

.ul-info-b3 .con:hover .btn1 span {
    color: #1e63b5;
    background-color: #fff;
    background-image: url(../image/b-icon041.png)
}

.ul-info-b3 .con:hover .info1::after {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.row-b5 {
    padding: 84px 0 100px;
    background-image: url(../image/b-pic06.jpg);
    background-repeat: no-repeat;
    -o-background-size: auto;
    background-size: auto;
    background-position: right 111px
}

.ul-info-b4 {
    position: relative;
    color: #fff;
    height: 1398px
}

.ul-info-b4 li:nth-child(1) {
    width: 32.1%;
    position: absolute;
    left: 0;
    top: 0;
    height: 448px
}

.ul-info-b4 li:nth-child(2) {
    width: 32.1%;
    position: absolute;
    left: 33.86%;
    top: 466px;
    height: 448px
}

.ul-info-b4 li:nth-child(3) {
    width: 32%;
    position: absolute;
    right: 0%;
    top: 0px;
    height: 925px
}

.ul-info-b4 li:nth-child(1) {
    width: 66%;
    position: absolute;
    left: 0;
    top: 466px;
    height: 448px
}

.ul-info-b4 li:nth-child(5) {
    width: 49%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 448px;
    top: 950px;
}

.ul-info-b4 li:nth-child(6) {
    width: 49%;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 448px;
    top: 950px;
}

/* .ul-info-b4 li:nth-child(7){width:32.1%;position:absolute;right:0;bottom:0;height:268px} */
.ul-info-b4 .info {
    padding: 74px 67px 0 49px;
    height: 100%;
    border-radius: 11px;
    position: relative
}

.ul-info-b4 .info1 {
    position: relative;
    z-index: 5
}

.ul-info-b4 .con {
    overflow: hidden;
    display: block;
    border-radius: 11px;
    width: 100%;
    height: 100%
}

.ul-info-b4 .info::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../image/b-pic05_01.jpg);
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    -o-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    background-position: center bottom;
}

.ul-info-b4 .con:hover .info::after {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.ul-info-b4 li:nth-child(1) .info1 {
    position: absolute;
    left: 0;
    top: 40px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 100%;
    text-align: center;
    left: 50%
}

.ul-info-b4 li:nth-child(2) .info {
    padding: 74px 48px 0 0
}

.ul-info-b4 li:nth-child(2) .info::after {
    background-image: url(../image/b-pic05_05.jpg)
}

.ul-info-b4 li:nth-child(2) .info1 {
    position: absolute;
    left: 0;
    top: 40px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 100%;
    text-align: center;
    left: 50%;
}

.ul-info-b4 li:nth-child(3) .info {
    padding: 0;
    position: relative;
    width: 100%;
    height: 100%
}

.ul-info-b4 li:nth-child(3) .info::after {
    background-image: url(../image/b-pic05_09.jpg)
}

.ul-info-b4 li:nth-child(3) .info1 {
    position: absolute;
    left: 0;
    top: 107px;
    width: 100%;
    text-align: center
}

.ul-info-b4 li:nth-child(4) .info {
    padding: 74px 48px 0 48px
}

.ul-info-b4 li:nth-child(4) .info::after {
    background-image: url(../image/b-pic05_11.jpg)
}

.ul-info-b4 li:nth-child(4) .info1 {
    text-align: left;
    width: 370px;
    margin-right: auto
}

.ul-info-b4 li:nth-child(7) .info {
    padding: 74px 48px 0 0
}

.ul-info-b4 li:nth-child(5) .info {
    text-align: left;
}

.ul-info-b4 li:nth-child(5) .info h3 {
    position: relative;
}

.ul-info-b4 li:nth-child(5) .info::after {
    background-image: url(../image/b-pic05_03.jpg)
}

.ul-info-b4 li:nth-child(6) .info h3 {
    text-align: right;
}

.ul-info-b4 li:nth-child(6) .info .btn {
    text-align: right;
}

.ul-info-b4 li:nth-child(6) .info::after {
    background-image: url(../image/b-pic05_14.jpg)
}

.ul-info-b4 li:nth-child(7) .info::after {
    background-image: url(../image/b-pic05_18.jpg)
}

.ul-info-b4 li:nth-child(7) .info1 {
    text-align: right;
    width: 370px;
    margin-left: auto
}

.ul-info-b4 .info h3 {
    font-size: 36px;
    color: #fff;
}

.ul-info-b4 .info p {
    font-size: 16px;
    color: #fff;
    height: 136px;
    overflow: hidden;
    line-height: 34px;
}

.ul-info-b4 li:nth-child(1) .info p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff
}

.ul-info-b4 li:nth-child(4) .info p {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #fff;
    height: 134px
}

.ul-info-b4 .info .btn {
    margin-top: 18px;
}

.ul-info-b4 .info .btn span {
    opacity: .8;
    font-size: 18px;
    color: #fff;
    padding-right: 57px;
    background: url(../image/b-icon01.png) 90px center no-repeat;
    -o-background-size: 36px 21px;
    background-size: 36px 21px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
}

.ul-info-b4 .con:hover .info .btn span {
    background-position: 85px center;
    opacity: 1
}

.ul-info-b4 .txt1 .tit {
    margin-bottom: 15px;
    padding-bottom: 22px;
    position: relative
}

.ul-info-b4 li:nth-child(5) .txt1 .tit {
    margin-bottom: 3px
}

.ul-info-b4 li:nth-child(6) .txt1 .tit {
    margin-bottom: 3px;
    text-align: center
}

.ul-info-b4 li:nth-child(6) .btn {
    text-align: center
}

.ul-info-b4 li:nth-child(3) .txt1 .tit {
    margin-bottom: 10px
}

.ul-info-b4 .txt1 .tit::after {
    content: '';
    position: absolute;
    width: 60px;
    height: 4px;
    background-color: #dcdcdd;
    border-radius: 50px;
    bottom: 0;
    left: 0
}

.ul-info-b4 li:nth-child(2) .txt1 .tit::after {
    right: 0;
    left: inherit;
    display: none;
}

.ul-info-b4 li:nth-child(3) .txt1 .tit::after {
    display: none
}

.ul-info-b4 li:nth-child(1) .txt1 .tit::after {
    display: none
}

.ul-info-b4 li:nth-child(4) .txt1 .tit::after {
    left: 0;
    left: inherit
}

.ul-info-b4 li:nth-child(5) .txt1 .tit::after {
    content: '';
    position: absolute;
    width: 60px;
    height: 4px;
    background-color: #fff;
    border-radius: 50px;
    bottom: 0;
    left: .25rem;
    margin-left: -30px;
    display: none;
}

.ul-info-b4 li:nth-child(6) .txt1 .tit::after {
    display: none
}

.ul-info-b4 li:nth-child(7) .txt1 .tit::after {
    display: none
}

.ul-info-b4 li:nth-child(7) .txt1 .tit {
    margin-bottom: 9px
}

.ul-info-b4 .txt1 .txt {
    line-height: 2.1;
    margin-bottom: 46px
}

.ul-info-b4 li:nth-child(2) .txt1 .txt {
    margin-bottom: 49.5px
}

.ul-info-b4 li:nth-child(4) .txt1 .txt {
    margin-bottom: 49.5px
}

@media only screen and (max-width:1920px) {
    .ul-info-b4 .info p {
        height: 7.08vw;
        line-height: 1.875vw;
    }

    .ul-info-b4 li:nth-child(4) .info p {
        height: 7vw
    }

    .ul-info-b4 .info .btn span {
        font-size: .937vw;
        padding-right: 2.96vw;
        background-position: 4.687vw center;
        -o-background-size: 1.875vw 1.093vw;
        background-size: 1.875vw 1.093vw
    }

    .ul-info-b4 .con:hover .info .btn span {
        background-position: 4.42vw center;
    }

    .ul-info-b4 {
        height: 72.8125vw
    }

    .ul-info-b4 li:nth-child(1) {
        height: 23.33vw;
        width: 32.1%;
        top: 24.8vw;
    }

    .ul-info-b4 li:nth-child(2) {
        height: 23.33vw;
        width: 32.1%;
        top: 24.8vw;
    }

    .ul-info-b4 li:nth-child(3) {
        height: 48.17vw;
        width: 32.1%;
    }

    .ul-info-b4 li:nth-child(4) {
        height: 23.33vw;
        top: 24.8vw;
        width: 66%;
    }

    .ul-info-b4 li:nth-child(5) {
        height: 23.33vw;
        top: 50vw
    }

    .ul-info-b4 li:nth-child(6) {
        height: 23.33vw;
        top: 50vw
    }

    /* .ul-info-b4 li:nth-child(7){height:13.95vw} */
    .ul-info-b4 .info {
        padding: 3.854vw 3.489vw 0 2.552vw
    }

    .ul-info-b4 li:nth-child(2) .info {
        padding: 3.854vw 2.5vw 0 0
    }

    .ul-info-b4 li:nth-child(2) .info1 {
        width: 80%;
    }

    .ul-info-b4 li:nth-child(4) .info {
        padding: 3.854vw 2.5vw 0 2.5vw
    }

    .ul-info-b4 li:nth-child(4) .info1 {
        width: 19.27vw
    }

    .ul-info-b4 li:nth-child(7) .info {
        padding: 3.854vw 2.5vw 0 0
    }

    .ul-info-b4 li:nth-child(7) .info1 {
        width: 19.27vw
    }

    .ul-info-b4 .info h3 {
        font-size: 1.875vw
    }

    .ul-info-b4 .info p {
        font-size: .833vw
    }

    .ul-info-b4 .info .btn a {
        font-size: .937vw;
        padding-right: 2.968vw;
        background-position: 4.687vw center;
        -o-background-size: 1.875vw 1.093vw;
        background-size: 1.875vw 1.093vw
    }

    .ul-info-b4 .info .btn a:hover {
        background-position: 4.427vw center
    }

    .ul-info-b4 .txt1 .tit {
        margin-bottom: .781vw;
        padding-bottom: 1.145vw
    }

    .ul-info-b4 li:nth-child(5) .txt1 .tit {
        margin-bottom: .78125vw
    }

    .ul-info-b4 li:nth-child(6) .txt1 .tit {
        margin-bottom: .156vw
    }

    .ul-info-b4 li:nth-child(3) .txt1 .tit {
        margin-bottom: .52vw
    }

    .ul-info-b4 .txt1 .tit::after {
        width: 3.125vw;
        height: .208vw
    }

    .ul-info-b4 li:nth-child(5) .txt1 .tit::after {
        width: 3.125vw;
        height: .208vw;
        margin-left: -1.5225vw
    }

    .ul-info-b4 li:nth-child(7) .txt1 .tit {
        margin-bottom: .468vw
    }

    .ul-info-b4 .txt1 .txt {
        margin-bottom: 2.395vw
    }

    .ul-info-b4 li:nth-child(2) .txt1 .txt {
        margin-bottom: 2.578vw
    }

    .ul-info-b4 li:nth-child(4) .txt1 .txt {
        margin-bottom: 2.578vw
    }
}

@media only screen and (max-width:1560px) {
    .ul-info-b4 li:nth-child(4) .info p {
        height: 95px
    }
}

@media only screen and (max-width:990px) {
    .ul-info-b4 .info p {
        height: 6em;
        line-height: 2em;
    }

    .ul-info-b4 .info .btn span {
        font-size: 14px;
        padding-right: 60px;
        background-position: 70px center;
        -o-background-size: 20px auto;
        background-size: 20px auto
    }

    .ul-info-b4 .con:hover .info .btn span {
        background-position: 60px center
    }

    .ul-info-b4 .info .btn a {
        padding-right: 30px;
        background-position: 60px center;
        -o-background-size: 18px auto;
        background-size: 18px auto
    }

    .ul-info-b4 .info .btn a:hover {
        background-position: 65px center
    }

    .ul-info-b4 li .info1 {
        width: 100% !important
    }

    .ul-info-b4 li .info {
        padding: 35px !important
    }

    .ul-info-b4 li:nth-child(4) .txt1 .txt {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:750px) {
    .ul-info-b4 .info h3 {
        font-size: 18px
    }

    .ul-info-b4 .info p {
        font-size: 1em;
        line-height: 2em;
        text-align: justify;
    }

    .ul-info-b4 li:nth-child(5) .txt1 .tit::after {
        left: 0;
        margin-left: 0;
    }

    .ul-info-b4 .info .btn a {
        font-size: 14px
    }

    .ul-info-b4 .txt1 .tit::after {
        width: 32px !important;
        height: 2px !important
    }

    .ul-info-b4 li {
        width: 100% !important;
        float: none;
        height: 16em !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin-bottom: 15px
    }

    .ul-info-b4 li:last-child {
        margin-bottom: 0
    }

    .ul-info-b4 li:nth-child(1),
    .ul-info-b4 li:nth-child(2) {
        width: 48% !important;
        height: 16em !important;
        float: left;
    }

    .ul-info-b4 li:nth-child(1) {
        margin-right: 2%;
        left: 0 !important;
    }

    .ul-info-b4 li:nth-child(2) {
        right: 0 !important;
        left: auto
    }

    .ul-info-b4 li:nth-child(3) {
        clear: both;
    }

    .ul-info-b4 li:nth-child(3) .info::after {
        background-image: url(../image/b-pic05_09_mo.jpg);
        background-size: cover;
        background-position: center bottom;
    }

    .ul-info-b4 li .info1 {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        -moz-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        -o-transform: translateY(0) !important;
        transform: translateY(0) !important;
        -webkit-transform: translateY(0) !important;
        text-align: left !important;
        min-height: 200px;
    }

    .ul-info-b4 li .txt1 .tit::after {
        right: inherit !important
    }

    .ul-info-b4 {
        height: auto;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .ul-info-b4 li:nth-child(6) .txt1 .tit {
        text-align: left
    }

    .ul-info-b4 li:nth-child(6) .btn {
        text-align: left
    }

    .ul-info-b4 li:nth-child(1) .info p {
        display: block
    }

    .ul-info-b4 .info .btn span {
        font-size: 14px;
        -o-background-size: 20px auto;
        background-size: 20px auto;
        background-position: 70px center
    }

    .ul-info-b4 .con:hover .info .btn span {
        background-position: 60px center
    }

    .ul-info-b4 li:nth-child(1) {
        order: 2;
    }

    .ul-info-b4 li:nth-child(2) {
        order: 2;
    }

    .ul-info-b4 li:nth-child(3) {
        order: 3;
    }

    .ul-info-b4 li:nth-child(4) {
        order: 1;
    }

    .ul-info-b4 li:nth-child(5) {
        order: 4;
    }

    .ul-info-b4 li:nth-child(6) {
        order: 5;
    }
}

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

    .ul-info-b4 li:nth-child(1),
    .ul-info-b4 li:nth-child(2) {
        width: 100% !important;
        margin-right: 0;
    }
}


.b-tab {
    padding: 4.53vw 0 !important
}

.b-tab p {
    font-size: 20px;
    color: #fff;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 2
}

.row-b6 {
    padding: 82px 0 115px;
    background-image: url(../image/b-bg1.png);
    background-repeat: no-repeat;
    -o-background-size: auto;
    background-size: auto;
    background-position: right bottom
}

.row-b7 {
    background-image: url(../image/b-bg2.png);
    -o-background-size: 100% auto;
    background-size: 100% auto;
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-bottom: 215px;
    margin-bottom: 46px
}

.row-b7 .b-info1 {
    overflow: hidden;
    background-image: url(../image/b-bg2.jpg);
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    padding: 73px 94px 77px 110px;
    border-top: 3px solid #1e63b5;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 0 26px 0 rgba(59, 77, 112, .16);
    margin-bottom: 90px
}

.row-b6 .b-tit {
    padding-bottom: 21px;
    position: relative;
    float: left;
    margin-right: 64px;
    top: 50px
}

.ul-tit-b1 {
    overflow: hidden;
    float: left;
    margin-right: 84px
}

.ul-tit-b1 li {
    width: 62px;
    float: left;
    margin-right: 30px
}

.ul-tit-b1 li a {
    display: block;
    text-align: center;
    padding: 34px 11px;
    line-height: 25px;
    background-color: #fff;
    font-size: 21px;
    color: #333;
    border: 1px solid #d9dfeb
}

.ul-tit-b1 li a:hover {
    color: #fff;
    background-color: #4c89e7
}

.ul-tit-b1 li:last-child {
    margin-right: 0
}

.row-b6 .b-tit::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 4px;
    border-radius: 50px;
    background-color: #4c89e7
}

.row-b6 .b-tit h3 {
    font-size: 36px;
    color: #333;
}

.row-b7 .b-info1 .txt {
    float: left;
    width: 438px
}

.row-b7 .b-info1 .txt .btn {
    text-align: right
}

.row-b7 .b-info1 .txt a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    padding: 0 45px 0 14px;
    line-height: 28px;
    height: 29px;
    background-color: #1e63b5;
    background-image: url(../image/b-icon04.png);
    background-repeat: no-repeat;
    background-position: 72px 9px;
    -o-background-size: 28px 6px;
    background-size: 28px 6px
}

.row-b7 .b-info1 .txt p {
    font-size: 16px;
    color: #333;
    line-height: 2.1;
    margin-bottom: 34px
}

.row-b7 .b-info2 {
    overflow: hidden;
    box-shadow: 0 12px 10px 0 rgba(55, 73, 163, .2)
}

.row-b7 .b-info2 .info1 {
    background-color: #fff;
    overflow: hidden;
    width: 72%;
    border-radius: 10px;
    padding: 64px 60px 68px;
    float: left
}

.row-b7 .b-info2 .info1 .tit {
    float: left;
    margin-right: 70px
}

.row-b7 .b-info2 .info1 .tit h3 {
    font-size: 36px;
    color: #333;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 50px
}

.row-b7 .b-info2 h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 4px;
    border-radius: 50px;
    background-color: #4c89e7
}

.row-b7 .b-info2 .info1 .tit a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    padding: 0 45px 0 14px;
    line-height: 28px;
    height: 29px;
    background-color: #1e63b5;
    background-image: url(../image/b-icon04.png);
    background-repeat: no-repeat;
    background-position: 72px 9px;
    -o-background-size: 28px 6px;
    background-size: 28px 6px
}

.row-b7 .b-info2 .info1 .txt {
    overflow: hidden;
    position: relative;
    top: -3px;
    width: 598px
}

.row-b7 .b-info2 .info1 .txt p {
    font-size: 16px;
    color: #333;
    line-height: 2.1;
    margin-bottom: 31px
}

.ul-tit-b2 {
    overflow: hidden
}

.ul-tit-b2 li {
    float: left;
    margin-right: 28px
}

.ul-tit-b2 li:last-child {
    margin-right: 0
}

.ul-tit-b2 a {
    display: block;
    line-height: 60px;
    padding: 0 28px;
    background-color: #fff;
    font-size: 20px;
    color: #333;
    border: 1px solid #d9dfeb
}

.ul-tit-b2 a:hover {
    color: #fff;
    background-color: #4c89e7
}

.row-b7 .b-info2 .info2 {
    float: right;
    border-radius: 10px;
    overflow: hidden;
    width: 22%;
    background-color: #fff
}

.row-b7 .b-info2 .info2 .tit {
    background-image: url(../image/b-bg3.png);
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.row-b7 .b-info2 .info2 .tit h3 {
    font-size: 36px;
    color: #fff;
    line-height: 86px;
}

.row-b7 .b-info2 .info2 .txt {
    padding: 44px 24px;
    position: relative
}

.row-b7 .b-info2 .info2 .txt::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 20px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 60px;
    height: 4px;
    border-radius: 50px;
    background-color: #4c89e7
}

.row-b7 .b-info2 .info2 .txt p {
    font-size: 16px;
    color: #333;
    line-height: 2.1;
    margin-bottom: 26px
}

.row-b7 .b-info2 .info2 .btn {
    text-align: center
}

.row-b7 .b-info2 .info2 .btn a {
    font-size: 18px;
    color: #0963ba;
    background: url(../image/d-icon4.png) 90px center no-repeat;
    -o-background-size: 36px 21px;
    background-size: 36px 21px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    display: inline-block;
    padding-right: 55px
}

.row-b7 .b-info2 .info2 .btn a:hover {
    background-position: 80px center;
    color: #063e7d
}

.row-b8 .b-bg {
    position: relative;
    background-color: #015bb1;
    height: 468px
}

.row-b8 .b-bg::after {
    content: '';
    position: absolute;
    bottom: -9px;
    right: 0;
    background-image: url(../image/b-pic08.jpg);
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    width: 42%;
    height: 16px
}

.row-b8 .b-bg .info {
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 61px 31px 28px 60px;
    width: 59.4%;
    box-shadow: 0 0 26px 0 rgba(59, 77, 112, .16);
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 5
}

.row-b8 .b-tit {
    float: none;
    top: 0;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.row-b8 .txt p {
    font-size: 16px;
    color: #333;
    line-height: 2.15;
    margin-bottom: 34px
}

.row-b8 .b-bg .info1 {
    width: 67.5%
}

.ul-tit-b3 {
    overflow: hidden;
    margin: 0 -42.5px
}

.ul-tit-b3 li {
    float: left;
    width: 33.333%;
    margin-bottom: 21px
}

.ul-tit-b3 li a {
    font-size: 20px;
    color: #333;
    padding-right: 29px;
    background-image: url(../image/b-icon05.png);
    background-repeat: no-repeat;
    background-position: right center
}

.ul-tit-b3 li a:hover {
    color: #063e7d
}

.ul-tit-b3 li .con {
    padding: 0 42.5px
}

.row-b8 .b-bg .info .btn {
    text-align: right
}

.row-b8 .b-bg .info .btn a {
    font-size: 18px;
    color: #0963ba;
    background: url(../image/d-icon4.png) 90px center no-repeat;
    -o-background-size: 36px 21px;
    background-size: 36px 21px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    display: inline-block;
    padding-right: 55px
}

.row-b8 .b-bg .info .btn a:hover {
    background-position: 80px center;
    color: #063e7d
}

.row-b8 .b-bg .pic {
    width: 726px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 6;
    overflow: hidden
}

.row-b8 .b-bg .pic img {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.row-b8 .b-bg .pic:hover img {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

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

    .ul-info-b3 li:first-child p {
        height: 3.33vw
    }

    .ul-info-b1 {
        margin-bottom: -15.5vw
    }

    .ul-info-b1::after {
        top: 2.343vw
    }

    .row-b1 .b-info1::before {
        width: 1.197vw;
        height: 1.197vw
    }

    .ul-info-b1 .info {
        top: -4.947vw
    }

    .ul-info-b1 li:nth-child(3) .info {
        top: -5.9vw
    }

    .ul-info-b1 li:nth-child(4) .info {
        top: -2.45vw
    }

    .ul-info-b1 li:nth-child(5) .info {
        top: -14.45vw
    }

    .ul-info-b1 li:nth-child(6) .info {
        top: -15.65vw;
        padding-left: 2.6vw !important
    }

    .ul-info-b1 li:nth-child(7) .info {
        top: -18.1vw
    }

    .ul-info-b1 li:nth-child(8) .info {
        top: -17.8vw;
        padding-left: 2.6vw !important
    }

    .ul-info-b1 li:nth-child(9) .info {
        top: -18.45vw
    }

    .ul-info-b1 li:nth-child(10) .info {
        top: -23.5vw
    }

    .ul-info-b1 li:nth-child(11) .info {
        top: -22.5vw
    }

    .ul-info-b1 li:nth-child(12) .info {
        top: -21.95vw
    }

    .ul-info-b1 li:nth-child(6) .info::after {
        width: 22.78vw
    }

    .ul-info-b1 li:nth-child(8) .info::after {
        width: 22.78vw
    }

    .ul-info-b1 .info::after {
        top: 2.343vw;
        width: 13.67vw
    }

    .ul-info-b1 .info .info1 {
        width: 17.6vw
    }

    .ul-info-b1 .info .pic01 {
        top: -10vw
    }

    .ul-info-b1 .info::before {
        top: 2.083vw;
        left: -.338vw;
        width: .677vw;
        height: .677vw
    }

    .ul-info-b1 li:nth-child(2n) .info::before {
        right: -.338vw
    }

    .ul-info-b1 li:nth-child(2n) .info {
        padding-right: 3.333vw
    }

    .ul-info-b1 .info h3 {
        font-size: 3.475vw
    }

    .ul-info-b1 .info span {
        font-size: 1.354vw
    }

    .ul-info-b1 .info em {
        font-size: .833vw;
        line-height: 1.5;
        padding: 0 .729vw
    }

    .ul-info-b1 .info .txt1 p {
        font-size: 1.041vw
    }

    .row-b {
        padding: 5.208vw 0
    }

    .row-b2 .b-info .tit {
        margin-bottom: .729vw
    }

    .row-b2 .b-info .tit h3 {
        font-size: 2.5vw;
        margin-bottom: .364vw
    }

    .row-b2 .b-info .tit p {
        font-size: 1.354vw
    }

    .ul-pic-b1 {
        margin: 0 -.312vw
    }

    .ul-pic-b1 .info {
        padding: 0 .312vw
    }

    .row-b3 {
        padding: 4.479vw 0 5.208vw
    }

    .ul-info-b2 li:nth-child(1) .info1 {
        width: 12.55vw
    }

    .ul-info-b2 li:nth-child(2) .info1 {
        width: 20.46vw
    }

    .ul-info-b2 .info1 {
        padding-left: .677vw
    }

    .ul-info-b2 .info h3 {
        font-size: 1.875vw
    }

    .ul-info-b2 .info .tit {
        padding-bottom: .989vw;
        margin-bottom: 1.041vw
    }

    .ul-info-b2 li:last-child .info .tit {
        padding-bottom: .781vw
    }

    .ul-info-b2 .info .txt {
        margin-bottom: 1.354vw
    }

    .ul-info-b2 .info p {
        font-size: .833vw
    }

    .ul-info-b2 .info span {
        font-size: .937vw;
        padding-right: 5.208vw;
        background-position: 4.687vw center;
        -o-background-size: 1.875vw 1.093vw;
        background-size: 1.875vw 1.093vw
    }

    .ul-info-b2 .con:hover .info span {
        background-position: 5.208vw center
    }

    .row-b4 {
        padding: 5.5vw 0 5.1vw
    }

    .ul-info-b3 {
        height: 36.45vw
    }

    .ul-info-b3 li:nth-child(3) .info1 {
        padding: 1.197vw 0 1.614vw 1.666vw
    }

    .ul-info-b3 li:nth-child(3) .txt2 {
        width: 14.27vw;
        padding: 2.395vw 1.718vw 2.083vw;
        height: 16.65vw
    }

    .ul-info-b3 li:nth-child(3) .tit {
        padding-bottom: .677vw
    }

    .ul-info-b3 li:nth-child(3) .txt {
        margin-bottom: 1.093vw
    }

    .ul-info-b3 li:nth-child(4) .info1 {
        padding: 2.656vw 2.812vw 2.604vw 4.166vw
    }

    .ul-info-b3 li:nth-child(4) .info1 .tit1 {
        margin-bottom: 1.979vw
    }

    .ul-info-b3 li:nth-child(4) .info1 .tit1 .more {
        font-size: .937vw;
        padding-left: 1.406vw;
        top: 1.197vw;
        -o-background-size: .937vw .26vw;
        background-size: .937vw .26vw
    }

    .ul-info-b3 li:nth-child(4) .info1 .tit1 img {
        margin-right: 1.145vw;
        width: 4.01vw
    }

    .ul-info-b3 li:nth-child(4) .info1 .tit1:last-child img {
        width: 3.64vw
    }

    .ul-info-b3 li:nth-child(4) .info1 .tit1 h3 {
        font-size: 1.25vw;
        top: 1.197vw
    }

    .ul-info-b3 h3 {
        font-size: 1.875vw
    }

    .ul-info-b3 .tit {
        padding-bottom: 1.093vw;
        margin-bottom: .729vw
    }

    .ul-info-b3 .tit::after {
        width: 3.125vw;
        height: .208vw
    }

    .ul-info-b3 .txt1 {
        width: 21.14vw
    }

    .ul-info-b3 p {
        font-size: .833vw
    }

    .ul-info-b3 .btn span {
        font-size: .937vw;
        padding-right: 5.208vw;
        background-position: 4.687vw center;
        -o-background-size: 1.875vw 1.093vw;
        background-size: 1.875vw 1.093vw
    }

    .ul-info-b3 .con:hover .btn span {
        background-position: 5.208vw center
    }

    .ul-info-b3 li:nth-child(1) .info1 {
        padding: 2.343vw 1.562vw 2.031vw 3.072vw
    }

    .ul-info-b3 li:nth-child(2) .info1 {
        padding: .885vw
    }

    .ul-info-b3 li:nth-child(2) .info1 .pic {
        margin-right: 1.77vw;
        width: 20.62vw
    }

    .ul-info-b3 li:nth-child(1) .btn {
        bottom: 1.458vw
    }

    .ul-info-b3 li:nth-child(2) .txt1 {
        padding-top: 1.614vw
    }

    .ul-info-b3 li:nth-child(2) .tit {
        margin-bottom: .729vw
    }

    .ul-info-b3 li:nth-child(2) .txt {
        margin-bottom: 1.406vw
    }

    .ul-info-b3 .btn a {
        font-size: .937vw;
        padding-right: 5.208vw;
        background-position: 4.687vw center;
        -o-background-size: 1.875vw 1.093vw;
        background-size: 1.875vw 1.093vw
    }

    .ul-info-b3 .btn1 a {
        font-size: .729vw;
        line-height: 1.562vw;
        height: 1.51vw;
        padding: 0 2.291vw 0 .781vw;
        -o-background-size: 1.458vw .312vw;
        background-size: 1.458vw .312vw;
        background-position: 2.552vw center
    }

    .row-b5 {
        padding: 4.375vw 0 5.208vw;
        background-position: right 5.781vw
    }

    .row-b6 {
        padding: 4.27vw 0 5.989vw
    }

    .row-b7 {
        padding-bottom: 11.19vw;
        margin-bottom: 2.395vw
    }

    .row-b7 .b-info1 {
        padding: 3.802vw 4.895vw 4.010vw 5.729vw;
        margin-bottom: 4.687vw
    }

    .row-b6 .b-tit {
        padding-bottom: 1.093vw;
        margin-right: 3.333vw;
        top: 2.604vw
    }

    .ul-tit-b1 {
        margin-right: 4.375vw
    }

    .ul-tit-b1 li {
        width: 3.229vw;
        margin-right: 1.562vw
    }

    .ul-tit-b1 li a {
        padding: 1.76vw .52vw;
        line-height: 1.302vw;
        font-size: 1.093vw
    }

    .row-b6 .b-tit::after {
        width: 3.125vw;
        height: .208vw
    }

    .row-b6 .b-tit h3 {
        font-size: 1.875vw
    }

    .row-b7 .b-info1 .txt {
        width: 22.81vw
    }

    .row-b7 .b-info1 .txt p {
        font-size: .833vw;
        margin-bottom: 1.77vw
    }

    .row-b7 .b-info2 .info1 {
        padding: 3.333vw 3.125vw 3.541vw
    }

    .row-b7 .b-info2 .info1 .tit {
        margin-right: 3.645vw
    }

    .row-b7 .b-info2 .info1 .tit h3 {
        font-size: 1.875vw;
        padding-bottom: 1.041vw;
        margin-bottom: 2.604vw
    }

    .row-b7 .b-info2 h3::after {
        width: 3.125vw;
        height: .208vw
    }

    .row-b7 .b-info2 .info1 .txt {
        top: -.156vw;
        width: 31.14vw
    }

    .row-b7 .b-info2 .info1 .txt p {
        font-size: .833vw;
        margin-bottom: 1.614vw
    }

    .ul-tit-b2 li {
        margin-right: 1.458vw
    }

    .ul-tit-b2 a {
        line-height: 3.125vw;
        padding: 0 1.458vw;
        font-size: 1.041vw
    }

    .row-b7 .b-info2 .info2 .tit h3 {
        font-size: 1.875vw;
        line-height: 4.479vw
    }

    .row-b7 .b-info2 .info2 .txt {
        padding: 2.291vw 1.25vw
    }

    .row-b7 .b-info2 .info2 .txt::after {
        top: 1.041vw;
        width: 3.125vw;
        height: .208vw
    }

    .row-b7 .b-info2 .info2 .txt p {
        font-size: .833vw;
        margin-bottom: 1.354vw
    }

    .row-b7 .b-info2 .info2 .btn a {
        font-size: .937vw;
        background-position: 4.687vw center;
        -o-background-size: 1.875vw 1.093vw;
        background-size: 1.875vw 1.093vw;
        padding-right: 2.864vw
    }

    .row-b7 .b-info2 .info2 .btn a:hover {
        background-position: 4.166vw center
    }

    .row-b8 .b-bg {
        height: 24.37vw
    }

    .row-b8 .b-bg::after {
        bottom: -.525vw;
        height: .833vw
    }

    .row-b8 .b-bg .info {
        padding: 3.177vw 1.614vw 1.458vw 3.125vw;
        top: .52vw
    }

    .row-b8 .b-tit {
        padding-bottom: 1.041vw;
        margin-bottom: 1.041vw;
        top: 0
    }

    .row-b8 .txt p {
        font-size: .833vw;
        margin-bottom: 1.77vw
    }

    .ul-tit-b3 {
        margin: 0 -2.213vw
    }

    .ul-tit-b3 li {
        margin-bottom: 1.093vw
    }

    .ul-tit-b3 li a {
        font-size: 1.041vw;
        padding-right: 1.51vw
    }

    .ul-tit-b3 li .con {
        padding: 0 2.213vw
    }

    .row-b8 .b-bg .info .btn a {
        font-size: .937vw;
        background-position: 4.687vw center;
        -o-background-size: 1.875vw 1.093vw;
        background-size: 1.875vw 1.093vw;
        padding-right: 2.864vw
    }

    .row-b8 .b-bg .info .btn a:hover {
        background-position: 4.166vw center
    }

    .row-b8 .b-bg .pic {
        width: 37.81vw
    }
}

@media only screen and (max-width:1600px) {
    .row-b8 .b-bg {
        height: 22.37vw
    }

    .ul-info-b3 p {
        height: 95px
    }

    .ul-info-b3 li:nth-child(2) p {
        height: 70px
    }

    .ul-info-b3 li:nth-child(3) .txt {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:1560px) {
    .ul-info-b2 {
        height: 71.21vw
    }

    .ul-info-b2 li:nth-child(3) {
        bottom: 3.974vw
    }

    .ul-info-b2 li:nth-child(5) {
        bottom: 8.012vw
    }

    .ul-info-b2 li:nth-child(1) .info {
        width: 56.79vw;
        height: 27.3vw;
        padding: 0 3.012vw;
        padding-top: 5vw
    }

    .ul-info-b2 li:nth-child(2) .info {
        width: 31.79vw;
        height: 34.55vw;
        padding: 0 2.756vw;
        padding-top: 5vw
    }

    .ul-info-b2 li:nth-child(3) .info {
        width: 26.21vw;
        height: 38.78vw;
        padding: 0 2.756vw;
        padding-top: 4.743vw
    }

    .ul-info-b2 li:nth-child(4) .info {
        width: 29.35vw;
        height: 42.69vw;
        padding: 0 2.756vw;
        padding-top: 4.743vw
    }

    .ul-info-b2 li:nth-child(5) .info {
        width: 31.79vw;
        height: 27.43vw;
        padding: 0 2.756vw;
        padding-top: 4.743vw
    }

    .ul-info-b3 .btn a:hover {
        background-position: 5.208vw center
    }
}

@media only screen and (max-width:1440px) {
    .ul-info-b3 li:nth-child(3) {
        height: 59%
    }
}

@media only screen and (max-width:1200px) {
    .ul-info-b3 p {
        height: 55px
    }

    .ul-info-b2 li:first-child .info p {
        height: 100.6px
    }

    .ul-info-b3 li:first-child p {
        height: 4.33vw
    }

    .ul-info-b3 li:nth-child(3) .txt2 {
        width: 100%;
        height: 18.65vw
    }

    .ul-info-b3 li:nth-child(3) .info1 {
        padding: 0
    }

    .ul-info-b3 li:nth-child(1) .btn {
        bottom: 2.4vw
    }

    .ul-info-b3 li:nth-child(2) .txt {
        margin-bottom: 5px
    }

    .ul-info-b3 li:nth-child(3) {
        height: auto
    }

    .row-b8 .b-bg {
        height: 25.37vw
    }

    .row-b8 .b-bg .info1 {
        width: 90%
    }

    .row-b7 .b-info2 .info1 .txt {
        width: 40vw
    }
}

@media only screen and (max-width:990px) {
    .ul-info-b2 li:first-child .info p {
        height: 62px
    }

    .ul-info-b2 .info {
        padding: 10px !important
    }

    .ul-info-b2 .info h3 {
        font-size: 18px
    }

    .ul-info-b2 .info p {
        font-size: 15px
    }

    .ul-info-b2 .info span {
        font-size: 14px;
        background-position: 70px center;
        -o-background-size: 20px auto;
        background-size: 20px auto
    }

    .ul-info-b2 .info .tit {
        display: inline-block
    }

    .ul-info-b3 li:nth-child(3) .txt2 {
        height: auto
    }

    .ul-info-b3 li:nth-child(4) .info1 .tit1 {
        margin-bottom: 20px
    }

    .ul-info-b2 .info1 {
        width: 100% !important
    }

    .ul-info-b2 .con:hover .info span {
        background-position: 60px center
    }

    .ul-info-b3 h3 {
        font-size: 18px
    }

    .ul-info-b3 p {
        font-size: 18px;
        height: 64px
    }

    .ul-info-b3 li:nth-child(2) p {
        height: 104px
    }

    .ul-info-b2 .info .tit,
    .ul-info-b2 .info .txt {
        margin-bottom: .1rem
    }

    .ul-info-b3 .btn a {
        font-size: 14px;
        padding-right: 60px;
        background-position: 70px center;
        -o-background-size: 20px auto;
        background-size: 20px auto
    }

    .ul-info-b3 .btn a:hover {
        background-position: 60px center
    }

    .ul-info-b3 .btn span {
        font-size: 14px;
        padding-right: 60px;
        background-position: 70px center;
        -o-background-size: 20px auto;
        background-size: 20px auto
    }

    .ul-info-b3 .con:hover .btn span {
        background-position: 60px center
    }

    .ul-info-b3 .txt1 {
        width: 100%
    }

    .ul-info-b3 li .btn {
        position: relative !important;
        left: 0 !important;
        bottom: 0 !important
    }

    .ul-info-b3 li {
        width: 100% !important;
        position: relative !important;
        height: auto !important;
        margin-bottom: 15px
    }

    .ul-info-b3 .btn1 a {
        font-size: 16px;
        border-radius: 50px;
        line-height: 1.5;
        height: auto;
        padding: 0 40px 0 15px;
        -o-background-size: auto;
        background-size: auto;
        background-position: 50px center
    }

    .ul-info-b3 {
        height: auto
    }

    .ul-info-b3 li:nth-child(4) .info1 .tit1 img {
        width: 8vw !important;
        margin-right: 15px
    }

    .ul-info-b3 li:nth-child(4) .info1 .tit1 h3 {
        font-size: 16px;
        top: 2.5vw
    }

    .ul-info-b3 li:nth-child(4) .info1 .tit1 .more {
        font-size: 16px;
        padding-left: 20px;
        top: 2vw;
        -o-background-size: auto;
        background-size: auto
    }

    .ul-info-b3 li:nth-child(2) .info1 .pic {
        margin-right: 34px;
        width: 396px
    }

    .ul-tit-b1 li {
        width: 5vw
    }

    .row-b6 .b-tit h3 {
        font-size: 18px
    }

    .ul-tit-b1 li a {
        font-size: 15px;
        line-height: 1.5
    }

    .row-b7 .b-info1 .txt p {
        font-size: 14px
    }

    .row-b7 .b-info2 .info1 .tit h3 {
        font-size: 18px
    }

    .row-b7 .b-info2 .info1 .txt p {
        font-size: 14px
    }

    .ul-tit-b2 a {
        font-size: 15px;
        line-height: 1.5
    }

    .row-b7 .b-info2 .info1 .txt {
        width: 100%
    }

    .row-b7 .b-info2 .info2 .tit h3 {
        font-size: 18px
    }

    .row-b7 .b-info2 .info2 .txt p {
        font-size: 14px
    }

    .row-b7 .b-info2 .info2 .btn a {
        font-size: 14px;
        -o-background-size: 20px auto;
        background-size: 20px auto;
        padding-right: 40px;
        background-position: 60px center
    }

    .row-b7 .b-info2 .info2 .btn a:hover {
        background-position: 50px center
    }

    .row-b7 .b-info2 .info2 .txt {
        padding: 20px
    }

    .row-b8 .txt p {
        font-size: 14px
    }

    .ul-tit-b3 li a {
        font-size: 15px;
        padding-right: 20px
    }

    .row-b8 .b-bg .info .btn a {
        font-size: 14px;
        -o-background-size: 20px auto;
        background-size: 20px auto;
        padding-right: 40px;
        background-position: 60px center
    }

    .row-b8 .b-bg .info .btn a:hover {
        background-position: 50px center
    }

    .row-b8 .b-bg {
        height: 41vw
    }

    .row-b7 .b-info2 .info1 .tit a {
        padding: 0 35px 0 14px;
        background-position: 75px center;
        -o-background-size: 20px auto;
        background-size: 20px auto;
        line-height: 2
    }
}

@media only screen and (max-width:750px) {
    .row-b8 .b-bg .info1 {
        width: 100%;
    }

    .row-b7 .b-info2 .info2 .btn {
        display: none;
        text-align: right;
    }

    .row-b7 .b-info2 .info2 .txt {
        padding: 15px 15px 0;
    }

    .ul-info-b2 .info p {
        height: 68px !important
    }

    .ul-info-b3 li:first-child p {
        height: auto
    }

    .ul-info-b3 li .txt {
        margin-bottom: 10px
    }

    .ul-info-b3 p {
        height: 50px;
        line-height: 1.5;
        font-size: 16px
    }

    .ul-info-b3 li:nth-child(3) p {
        height: auto
    }

    .ul-info-b3 li:nth-child(2) p {
        height: auto
    }

    .row-b7 .b-info1 {
        background-image: url(../image/b-bg2-2.png);
        background-position: center;
        -webkit-background-position: center;
        background-size: 60%;
    }

    .row-b7 .b-info1 .txt a {
        padding: 0 35px 0 14px;
        background-position: 75px center;
        -o-background-size: 20px auto;
        background-size: 20px auto
    }

    .ul-info-b1 .info h3 {
        font-size: 18px
    }

    .ul-info-b1 .info span {
        font-size: 15px
    }

    .ul-info-b1 .info .txt1 p {
        font-size: 14px
    }

    .ul-info-b1 li:nth-child(6) .info .info1 {
        width: 17.6vw
    }

    .ul-info-b1 li:nth-child(8) .info .info1 {
        width: 17.6vw
    }

    .ul-info-b1 li:nth-child(6) .info::after {
        width: 13.67vw
    }

    .ul-info-b1 li:nth-child(8) .info::after {
        width: 13.67vw
    }

    .ul-info-b1 .info .info1 {
        width: 100% !important
    }

    .ul-info-b1 .info::before {
        top: 8px;
        width: 10px;
        height: 10px;
        left: -6.5px
    }

    .ul-info-b1 li:nth-child(2n) .info::before {
        right: -4.5px
    }

    .ul-info-b1 .info::after {
        top: 12px
    }

    .row-b1 .b-info1::before {
        width: 14px;
        height: 14px
    }

    .row-b2 .b-info .tit h3 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .row-b7 .b-info2 .info2 .tit h3 {
        line-height: 42px;
        height: 42px
    }

    .row-b7 .b-info2 .info1 .tit h3 {
        text-align: center;
        padding-bottom: 10px
    }

    .row-b7 .b-info2 .info2 .txt::after {
        left: 50%;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: 30px;
        height: 2px;
        top: 10px
    }

    .row-b7 .b-info2 .info1 .tit .btn {
        text-align: right
    }

    .row-b8 .txt p,
    .ul-tit-b3 {
        margin-bottom: 10px
    }

    .row-b7 .b-info2 h3::after {
        left: 50%;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: 30px;
        height: 2px
    }

    .row-b2 .b-info .tit p {
        font-size: 15px
    }

    .ul-pic-b1 li {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }

    .ul-info-b1 .info em {
        font-size: 12px
    }

    .ul-info-b2 li {
        width: 100% !important;
        float: none;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin-bottom: 15px
    }

    .ul-info-b2 li .info {
        width: 100% !important;
        height: auto !important;
        padding: 15px !important;
        min-height: 170px
    }

    .ul-info-b2 {
        height: auto
    }

    .ul-info-b2 .info span {
        padding-right: 50px
    }

    .ul-info-b3 li:nth-child(2) .info1 .pic {
        float: none;
        width: 100%
    }

    .ul-info-b3 li:nth-child(2) .info1 .pic img {
        width: 100%
    }

    .ul-info-b3 .tit::after {
        width: 40px;
        height: 3px
    }

    .ul-info-b3 li:nth-child(3) .txt2 {
        padding: 25px 10px;
        min-height: 200px;
        position: absolute;
        left: 0px;
        top: 50%;
        width: 50%;
        height: 80%;
        min-height: inherit;
        transform: translateY(-50%)
    }

    .ul-info-b3 li:nth-child(1) .txt2 {
        padding: 10px
    }

    .ul-info-b3 li:nth-child(2) .info1 {
        padding: 10px
    }

    .ul-info-b3 li:nth-child(4) .txt2 {
        padding: 10px
    }

    .row-b,
    .row-b3,
    .row-b5 {
        padding: .5rem 0 .6rem
    }

    .b-tab p {
        font-size: 15px
    }

    .ul-info-b3 .btn a {
        -o-background-size: 20px auto;
        background-size: 20px auto;
        background-position: 70px center
    }

    .ul-info-b3 .btn a:hover {
        background-position: 70px center
    }

    .ul-info-b3 .btn span {
        font-size: 14px;
        -o-background-size: 20px auto;
        background-size: 20px auto;
        background-position: 70px center
    }

    .ul-info-b3 .con:hover .btn span {
        background-position: 60px center
    }

    .ul-info-b3 .btn1 span {
        font-size: 12px;
        -o-background-size: 20px auto;
        background-size: 20px auto;
        line-height: 25px;
        height: 25px;
        background-size: 20px 6px;
        background-position: 49px center;
    }

    .ul-info-b3 li:nth-child(4) .info1 .tit1 .more {
        font-size: 14px
    }

    .row-b7 .b-info1 {
        padding: 10px;
        border-top: 1px solid #1e63b5
    }

    .row-b6 .b-tit {
        float: none;
        top: 0;
        margin-bottom: 15px;
        text-align: center;
        margin-right: 0
    }

    .row-b7 .b-info2 .info1 .tit {
        width: 100%;
        margin-bottom: 10px
    }

    .ul-tit-b1 {
        float: none;
        margin: 0 -5px
    }

    .row-b7 .b-info1 .txt {
        float: none;
        width: 100%
    }

    .ul-tit-b1 li {
        width: 20%;
        margin: 0
    }

    .row-b6 .b-tit h3 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 10px
    }

    .row-b6 .b-tit::after {
        width: 30px;
        height: 2px;
        left: 50%;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%)
    }

    .ul-tit-b1 li a {
        margin: 0 5px;
        font-size: 15px;
        padding: 10px
    }

    .row-b7 .b-info2 .info1 {
        float: none;
        width: 100%
    }

    .row-b7 .b-info2 .info2 {
        float: none;
        width: 100%;
        margin-bottom: 0px
    }

    .row-b8 .b-bg .info,
    .row-b8 .b-bg .pic {
        position: relative;
        top: 0;
        left: 0;
        width: 100%
    }

    .row-b8 .b-bg {
        height: auto;
        background-color: transparent
    }

    .row-b8 .b-bg::after {
        display: none
    }

    .ul-tit-b2 li {
        margin-right: 10px;
        margin-bottom: 10px
    }

    .ul-info-b2 .info p,
    .ul-info-b4 .txt1 .txt,
    .ul-tit-b2 a {
        line-height: 1.5
    }

    .ul-info-b3 li:nth-child(1) .info1 {
        padding: 16px 10px;
    }

    .ul-info-b3 h3 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 6px;
    }

    .ul-info-b3 .tit {
        margin-bottom: 8px;
    }

    .ul-info-b3 p {
        height: auto;
        font-size: 14px;
    }

    .ul-info-b3 .btn a {
        font-size: 14px;
        background-size: 19px auto;
    }

    .ul-info-b3 li:nth-child(3) .info1 {
        min-height: 200px;
    }
}

@font-face {
    font-family: bahnschrift;
    src: url(../font/bahnschrift.ttf) format("truetype")
}

@font-face {
    font-family: PangMenZhengDao;
    src: url(../font/PangMenZhengDao.ttf) format("truetype")
}

.row-d1 {
    position: relative;
    padding-bottom: 72px;
    padding-top: 88px
}

.row-d1::after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 820px;
    height: 668px;
    background: url(../image/d-icon2.png) center no-repeat;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1
}

.ul-list-d1 li {
    margin-bottom: 28px
}

.ul-list-d1 .tit {
    overflow: hidden;
    padding: 22px 80px 24px 118px;
    background: url(../image/d-bg1.png) center no-repeat #467ac0;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 10px
}

.ul-list-d1 .tit h3 {
    width: 90%;
    float: left;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ul-list-d1 .tit span {
    float: right;
    width: 32px;
    height: 32px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.ul-list-d1 .tit span img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ul-list-d1 li.on .tit {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.ul-list-d1 li.on .tit span img {
    -webkit-animation: .5s linear forwards rotate-d;
    -moz-animation: .5s linear forwards rotate-d;
    -o-animation: .5s linear forwards rotate-d;
    animation: .5s linear forwards rotate-d
}

@-webkit-keyframes rotate-d {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(180deg)
    }
}

.ul-list-d1 .title {
    border-bottom: 2px solid #eaeaea
}

.ul-list-d1 .title span {
    float: left;
    width: 26.66%;
    font-size: 22px;
    margin-bottom: 16px;
    font-weight: 700;
    color: #333;
}

.ul-list-d1 .m-require .item .s1,
.ul-list-d1 .title .s1 {
    padding-left: 80px
}

.ul-list-d1 .m-require .item .s4,
.ul-list-d1 .title .s4 {
    width: 20%
}

.ul-list-d1 .m-require {
    padding: 46px 120px 100px;
    background: #fff;
    box-shadow: -1px 4px 30px 0 rgba(62, 81, 110, .26);
    border-radius: 0 0 10px 10px
}

.ul-list-d1 .m-require .item span {
    float: left;
    width: 26.66%;
    font-size: 20px;
    font-weight: 400;
    color: #333;
    padding: 24px 0 12px;
}

.ul-list-d1 li:nth-child(2) .tit,
.ul-list-d1 li:nth-child(4) .tit {
    background-image: url(../image/d-bg2.png)
}

.ul-list-d1 li:nth-child(3) .tit {
    background-image: url(../image/d-bg3.png);
    background-color: #dcc37f
}

.row-d2 {
    padding-top: 90px;
    padding-bottom: 90px;
    border-top: 10px solid #afd1f1;
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover
}

.row-d2 .desc {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 2;
}

.row-d3 {
    padding-top: 88px;
    padding-bottom: 22px;
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover
}

.row-d3 .con {
    margin-bottom: 82px
}

.row-d3 .con .pic {
    float: left;
    width: 50%;
    height: auto;
    margin-right: 39px;
    border-radius: 10px;
    overflow: hidden
}

.row-d3 .con .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

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

.row-d3 .con .text {
    overflow: hidden;
    padding-top: 5px
}

.row-d3 .con .text h3 {
    position: relative;
    font-size: 36px;
    font-weight: 700;
    color: #333;
    margin-bottom: 34px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}

.row-d3 .con .text h3::after {
    position: absolute;
    content: '';
    bottom: -19px;
    left: 0;
    width: 100%;
    height: 1px;
    background: url(../image/d-icon3.png) center no-repeat;
    -o-background-size: cover;
    background-size: cover
}

.row-d3 .con .text .desc {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 2;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    margin-bottom: 40px;
    height: 256px;
}

.row-d3 .con .text .more {
    text-align: right
}

.g-more-d {
    font-size: 18px;
    font-weight: 700;
    color: #0963ba;
    padding-right: 100px;
    background: url(../image/d-icon4.png) 90px center no-repeat;
    -o-background-size: 36px 21px;
    background-size: 36px 21px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}

.row-d3 .con:hover .g-more-d {
    background-position: 100px center
}

.row-d3 .con1 .g-more-d {
    padding-right: 57px
}

.row-d3 .con1:hover .g-more-d {
    background-position: 90px center
}

.g-tit-d {
    text-align: center;
    position: relative;
    margin-bottom: 46px
}

.g-tit-d h3 {
    font-size: 36px;
    font-weight: 700;
    color: #333;
}

.g-tit-d b {
    position: absolute;
    width: 60px;
    height: 4px;
    bottom: -21px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #4c89e7;
    border-radius: 2px
}

.row-d3 .con2 .desc {
    width: 60%;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 2;
    margin: 0 auto 27px;
    height: 96px;
}

.row-d3 .con2 .more {
    text-align: center;
    margin-bottom: 48px
}

.row-d3 .con2 .more:hover .g-more-d {
    background-position: 100px center
}

.row-d3 .content {
    margin: 0 -8px;
    height: 437px
}

.row-d3 .content .box1 {
    float: left;
    width: 17%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 8px;
    padding: 37px 20px 40px 28px;
    border-radius: 10px;
    overflow: hidden
}

.row-d3 .content .box1 .text {
    margin-bottom: 30px
}

.row-d3 .content .box1 h3 {
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

.row-d3 .content .box1 h3 span {
    font-family: IMPACT1
}

.row-d3 .content .box1 .slick-dots {
    position: absolute;
    overflow: hidden;
    bottom: 42px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    cursor: pointer
}

.row-d3 .content .box1 .slick-dots li {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 5px;
    background: rgba(255, 255, 255, .5);
    border-radius: 50%
}

.row-d3 .content .box1 .slick-dots li button {
    display: none
}

.row-d3 .content .box1 .slick-dots li.slick-active {
    width: 21px;
    height: 7px;
    background: #fff;
    border-radius: 4px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.row-d3 .content .box1 .info {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.row-d3 .content .box2 {
    float: left;
    width: 25%;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 8px;
    overflow: hidden;
    border-radius: 10px
}

.row-d3 .content .box2 img,
.row-d3 .content .box3 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.row-d3 .content .box3 {
    float: left;
    width: 54.5%;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 8px;
    overflow: hidden;
    border-radius: 10px
}

.row-d3 .content .box2:hover img,
.row-d3 .content .box3:hover img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.row-d4 {
    padding-top: 237px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover
}

.row-d4 .con {
    position: relative;
    z-index: 1;
    height: auto
}

.row-d4 .con::after {
    position: absolute;
    content: '';
    bottom: -33px;
    left: -29px;
    width: 428px;
    height: 248px;
    background: #d5ab63;
    z-index: -1
}

.row-d4 .con .pic {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.row-d4 .con .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

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

.row-d4 .con .text {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 81px 75px 85px;
    text-align: left;
    background: rgba(1, 91, 177, .6)
}

.row-d4 .g-tit-d {
    text-align: left;
    margin-bottom: 39px
}

.row-d4 .g-tit-d h3 {
    color: #fff
}

.row-d4 .g-tit-d b {
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    background: rgba(255, 255, 255, .66)
}

.row-d4 .desc {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 42px;
    line-height: 2.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    height: 200px;
}

.g-more-d2 {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 44px 6px 15px;
    color: #fff;
    background-color: #1e63b5;
    border-radius: 15px;
    background-image: url(../image/d-icon5.png);
    -o-background-size: 28px 6px;
    background-size: 28px 6px;
    background-repeat: no-repeat;
    background-position: 77px center
}

.g-more-d2:hover {
    color: #fff
}

.row-d5 {
    position: relative;
    padding: 81px 0 99px
}

.row-d5::after {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 820px;
    height: 668px;
    background: url(../image/d-icon2.png) center no-repeat;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1
}

.row-d5 .box {
    height: 787px;
    margin: 0 -14px
}

.row-d5 .col-l {
    width: 65.5%;
    height: 100%
}

.row-d5 .col-l .box1 {
    margin: 0 14px;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.row-d5 .col-r {
    float: left;
    width: 34.5%;
    height: 100%
}

.row-d5 .col-r .box2 {
    margin: 0 14px;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 26px 0 rgba(59, 77, 112, .16);
    border-radius: 10px;
    background-color: #fff
}

.ul-list-d2 {
    margin: 0 -15px
}

.ul-list-d2 li {
    float: left;
    width: 50%;
    margin-bottom: 30px
}

.ul-list-d2 .con {
    height: 378px;
    padding: 54px 50px 44px;
    background-position: center;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 15px;
    cursor: pointer
}

.ul-list-d2 .g-tit-d {
    margin-bottom: 42px
}

.ul-list-d2 li:nth-child(1) .con .g-tit-d h3,
.ul-list-d2 li:nth-child(2) .con .g-tit-d h3 {
    color: #fff
}

.ul-list-d2 .con:hover .more .g-more-d {
    background-position: 100px center
}

.ul-list-d2 li:nth-child(1) .con .g-tit-d b,
.ul-list-d2 li:nth-child(2) .con .g-tit-d b {
    background-color: rgba(255, 255, 255, .66)
}

.ul-list-d2 .desc {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-bottom: 40px;
    line-height: 2;
    height: 128px
}

.ul-list-d2 .more {
    text-align: center
}

.ul-list-d2 li:nth-child(1) .more .g-more-d {
    color: #fff;
    background-image: url(../image/d-icon23.png)
}

.ul-list-d2 li:nth-child(2) .more .g-more-d {
    color: #fff;
    background-image: url(../image/d-icon8.png)
}

.ul-list-d2 li:nth-child(3) {
    margin-bottom: 0;
    width: 100%
}

.ul-list-d2 li:nth-child(3) .con {
    padding: 0;
    box-shadow: 0 0 26px 0 rgba(59, 77, 112, .16);
    border-radius: 0 10px 10px 0
}

.ul-list-d2 li:nth-child(3) .con .more {
    padding-top: 7px
}

.ul-list-d2 .con .pic {
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px 0 0 10px
}

.ul-list-d2 .con .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.ul-list-d2 li:nth-child(3) .con:hover .pic img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.ul-list-d2 .con .text {
    overflow: hidden;
    padding: 53px 49px 50px;
    height: 100%;
    background: #fff
}

.ul-list-d2 li:nth-child(3) .con .desc {
    height: 64px;
    text-align: left;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.ul-list-d2 li:nth-child(3) .con .g-tit-d {
    margin-bottom: 43px
}

.ul-list-d2 .con .text .item {
    display: inline-block;
    margin-right: 70px
}

.ul-list-d2 .con .text .item:last-child {
    margin-right: 0
}

.ul-list-d2 .con .text .item .icon {
    width: 51px;
    height: 50px;
    margin: 0 auto 12px
}

.ul-list-d2 .con .text .item .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ul-list-d2 .con .text .item h3 {
    font-size: 24px;
    font-weight: 400;
    color: #333;
}

.ul-list-d2 li:nth-child(3) .con .text .other .item:nth-child(2) .icon {
    width: 42px;
    height: 42px
}

.row-d5 .box2 .pic {
    width: 100%;
    height: 539px;
    overflow: hidden;
    margin-bottom: 42px
}

.row-d5 .box2 .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.row-d5 .box2:hover .pic img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.row-d5 .box2 .text {
    padding: 0 40px
}

.row-d5 .box2 .g-tit-d {
    text-align: left
}

.row-d5 .box2 .g-tit-d b {
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.row-d5 .box2 .info {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    margin-bottom: 27px
}

.row-d5 .box2 .info span {
    margin-right: 24px;
}

.row-d6 {
    padding: 84px 0
}

.tabBox-d {
    height: 649px
}

.tabBox-d .tab-con {
    float: left;
    width: 61.5%
}

.tabBox-d .m-infoCon .pic {
    position: relative;
    width: 100%;
    height: 649px;
    overflow: hidden;
    border-radius: 10px 0 0 10px
}

.tabBox-d .m-infoCon .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.tabBox-d .m-infoCon:hover .pic .img1 {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.tabBox-d .m-infoCon .pic .img2 {
    position: absolute;
    bottom: 50px;
    right: 60px;
    width: 60px;
    height: 60px;
    cursor: pointer
}

.tabBox-d .tab-tit {
    overflow: hidden;
    height: 100%;
    padding: 55px 70px;
    background: #fff;
    box-shadow: 0 0 26px 0 rgba(59, 77, 112, .16);
    border-radius: 0 10px 10px 0
}

.row-d6 .g-tit-d h3 {
    text-align: left
}

.row-d6 .g-tit-d b {
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.row-d6 .info {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    margin-bottom: 47px
}

.ul-list-d3 li {
    width: 50%;
    float: left;
    margin-bottom: 40px
}

.ul-list-d3 .con {
    cursor: pointer
}

.ul-list-d3 .icon {
    position: relative;
    float: left;
    width: 91px;
    height: 91px;
    margin-right: 18px;
    z-index: 1
}

.ul-list-d3 .icon::after {
    display: none;
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 140px;
    height: 118px;
    background: url(../image/d-icon22.png) center no-repeat;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1
}

.ul-list-d3 li.on .icon::after {
    display: block
}

.ul-list-d3 .con h3 {
    overflow: hidden;
    padding-top: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 1.6;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.ul-list-d3 .con h3 span {
    display: block
}

.ul-list-d3 .con:hover h3,
.ul-list-d3 li.on .con h3 {
    color: #467ac0
}

.row-d7 {
    padding-top: 99px;
    padding-bottom: 224px;
    background-position: center;
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover
}

.row-d7 .con {
    overflow: hidden;
    background: #fff;
    border-radius: 10px
}

.row-d7 .text {
    float: left;
    width: 46.5%;
    height: 100%;
    padding-top: 55px;
    background-position: center;
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover
}

.row-d7 .con .school .pic1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.row-d7 .con .school:hover .pic1 img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.m-infoCon-d {
    height: 100%
}

.row-d7 .con .info {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    text-align: center
}

.row-d7 .con .school {
    position: relative;
    overflow: hidden;
    height: 100%
}

.tab-tit-d {
    position: relative;
    height: 215px
}

.tab-tit-d .t1 {
    position: absolute;
    bottom: 37%;
    left: 13%;
    cursor: pointer
}

.tab-tit-d .t2 {
    bottom: 12%;
    left: 35%
}

.tab-tit-d .t3 {
    bottom: 46%;
    left: 57%
}

.tab-tit-d .t4 {
    bottom: 41%;
    left: 77%
}

.tab-tit-d .t1 h3 {
    font-size: 22px;
    font-weight: 400;
    color: #333;
    margin-bottom: 10px
}

.tab-tit-d .t1 .icon {
    position: relative;
    width: 28px;
    height: 34px;
    margin: 0 auto
}

.tab-tit-d .t1 .icon img {
    width: 100%;
    max-height: 100%;
}

.tab-tit-d .t1 .icon .img2 {
    display: none;
    position: absolute;
    width: 28px;
    height: 40px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tab-tit-d .t1.on .icon {
    height: 40px
}

.tab-tit-d .t1.on .icon .img2 {
    display: block
}

.tab-tit-d .t1.on .icon .img1 {
    display: none
}

.tab-tit-d .t0 .icon::after {
    content: '';
    position: absolute;
    width: 651px;
    height: 215px;
    bottom: -55px;
    left: -120px;
    background: url(../image/d-icon24.png) center no-repeat;
    -o-background-size: cover;
    background-size: cover
}

.row-d7 .con .school .pic1 {
    width: 100%;
    height: 100%
}

.row-d7 .con .school .text1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50.5%;
    height: 100%;
    background-color: rgba(1, 91, 177, .63);
    padding: 47px 20px 39px 39px
}

.row-d7 .con .school .text1 h3 {
    position: relative;
    font-size: 22px;
    font-weight: 400;
    color: #fefefe;
    margin-bottom: 34px
}

.row-d7 .con .school .text1 h3::after {
    content: '';
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    height: 1px;
    background: url(../image/d-icon16.png) center no-repeat;
    -o-background-size: cover;
    background-size: cover
}

.row-d7 .content {
    height: 260px;
    overflow-y: auto
}

.row-d7 .content .item {
    margin-bottom: 18px;
    padding-right: 30px
}

.row-d7 .content .item span {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #fefefe;
    padding: 5px 15px 4px;
    border: 1px solid rgba(255, 255, 255, .43);
    border-radius: 16px;
    margin-bottom: 9px
}

.row-d7 .content .item .desc {
    font-size: 14px;
    font-weight: 400;
    color: #fefefe
}

.content::-webkit-scrollbar {
    width: 2px;
    height: 260px
}

.content::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.content::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #d9c270
}

.row-d8 {
    position: relative;
    padding-top: 5px;
    padding-bottom: 100px
}

.row-d8::after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    width: 820px;
    height: 628px;
    background: url(../image/d-icon2.png) center no-repeat;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1
}

.row-d8 .col-l {
    width: 61.2%;
    height: 598px;
    margin-right: 85px
}

.row-d8 .box1 {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1
}

.row-d8 .box1::after {
    position: absolute;
    content: '';
    bottom: -118px;
    right: -56px;
    width: 752px;
    height: 415px;
    background: url(../image/d-pic12.jpg) center no-repeat;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1
}

.row-d8 .col-r {
    width: 32.5%;
    height: 598px
}

.slick-d,
.slick-d .item {
    position: relative
}

.slick-d .item .pic {
    width: 100%;
    height: 481px;
    overflow: hidden
}

.slick-d .item .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.slick-d .item .pic:hover img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.slick-d .slick-arrow {
    position: absolute;
    width: 31px;
    height: 31px;
    bottom: -55px;
    border: 0;
    font-size: 0;
    cursor: pointer;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    z-index: 2;
    outline: 0
}

.slick-d .slick-prev {
    right: 8%;
    background-image: url(../image/d-icon20.png)
}

.slick-d .slick-prev:hover {
    background-image: url(../image/d-icon20-on.png)
}

.slick-d .slick-next {
    right: 2%;
    background-image: url(../image/d-icon19.png)
}

.slick-d .slick-next:hover {
    background-image: url(../image/d-icon19-on.png)
}

.slick-d .slick-dots {
    position: absolute;
    bottom: -58px;
    right: 49%;
    text-align: center;
    z-index: 999;
    font-size: 13px;
    font-weight: 400;
    color: #f5f8fb
}

.slick-d .slick-dots li {
    display: none
}

.slick-d .slick-dots .slick-active {
    display: block
}

.slick-d .slick-dots li em {
    font-size: 28px
}

.slick-d .slick-dots li .sd {
    display: inline-block;
    width: 165px;
    height: 1px;
    background-color: #fff;
    margin: -10px 15px 10px
}

.slick-d .item .info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 13px 30px;
    background: url(../image/d-icon18.png) center no-repeat;
    -o-background-size: cover;
    background-size: cover
}

.slick-d .item .info span {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.slick-d .item .info .massage {
    float: right
}

.slick-d .item .info .massage span {
    position: relative;
    display: inline-block;
    margin: 0 4px
}

.slick-d .item .info .massage span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -8px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 20px;
    background-color: #fff
}

.slick-d .item .info .massage span:last-child::after {
    display: none
}

.ul-list-d4 {
    margin: 0 -10px 5px
}

.ul-list-d4 li {
    width: 50%;
    float: left;
    margin-bottom: 20px
}

.ul-list-d4 .con {
    width: 100%;
    height: 124px;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ul-list-d4 .con .pic {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ul-list-d4 .con img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

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

.row-d8 .more {
    text-align: center
}

.row-d8 .g-more-d {
    font-size: 16px;
    font-weight: 400;
    color: #0a65b8;
    padding-right: 0;
    padding-left: 69px;
    background: url(../image/d-icon4.png) 15px center no-repeat;
    -o-background-size: 36px 21px;
    background-size: 36px 21px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.row-d8 .g-more-d:hover {
    background-position: 5px center
}

.row-d9 {
    position: relative;
    padding-top: 78px;
    padding-bottom: 100px
}

.row-d9::after {
    position: absolute;
    content: '';
    width: 820px;
    height: 668px;
    right: 0;
    bottom: 0;
    background: url(../image/d-icon2.jpg) center no-repeat;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1
}

.row-d9 .content {
    padding: 66px 55px 100px;
    background: #fff;
    box-shadow: -1px 4px 30px 0 rgba(62, 81, 110, .26);
    border-radius: 10px
}

.row-d9 .content .con {
    position: relative;
    margin-bottom: 80px;
    height: 349px
}

.row-d9 .content .con .pic {
    position: relative;
    width: 48%;
    height: 100%;
    float: left;
    margin-right: 46px;
    border-radius: 10px;
    overflow: hidden
}

.row-d9 .content img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.row-d9 .content .con:hover .pic img,
.ul-list-d5 .con1:hover .pic img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.row-d9 .content .info {
    position: absolute;
    left: 0;
    bottom: 10px;
    padding: 5px 6px;
    background-color: #1e63b5;
    font-size: 13px;
    font-weight: 400;
    color: #fff
}

.row-d9 .content .info span {
    display: block;
    font-size: 24px;
    font-weight: 700;
    font-family: Arial-BoldMT;
    text-align: center
}

.row-d9 .content .con .text {
    overflow: hidden;
    padding-top: 31px;
    position: relative;
    height: 100%;
}

.row-d9 .content .con .text::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: url(../image/d-icon25.png) center no-repeat;
    -o-background-size: cover;
    background-size: cover
}

.row-d9 .content h3 {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    margin-bottom: 26px;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.row-d9 .content .con:hover h3,
.ul-list-d5 .con1:hover h3 {
    color: #467ac0
}

.row-d9 .content .desc {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 1.8;
    margin-bottom: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.row-d9 .content .text h3 {
    padding-right: 31px;
    height: 75px;
}

.row-d9 .content .text .desc {
    border-top: 1px solid #647e9e;
    padding: 18px 10px 0 3px
}

.row-d9 .content .text .desc p {
    height: 87px;
}

.row-d9 .more {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.row-d9 .more .g-more-d2 {
    float: right;
    padding: 2px 44px 4px 15px;
    background-position: 50px center
}

.row-d9 .more .date {
    font-size: 14px;
    color: #999999;
    line-height: 27px;
}

.row-d9 .more .date span {
    padding-left: 0.2rem;
}

.ul-list-d5 {
    margin: 0 -30px 26px
}

.ul-list-d5 li {
    float: left;
    width: 33.33%;
    margin-bottom: 50px;
}

.list-d5-zt li {
    width: 50%;
}

.ul-list-d5 .con1 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 30px;
    cursor: pointer
}

.ul-list-d5 .con1 .pic {
    position: relative;
    width: 100%;
    height: 219px;
    margin-bottom: 24px;
    overflow: hidden;
    border-radius: 10px
}

.list-d5-zt .con1 .pic {
    height: auto;
}

.ul-list-d5 .con1 h3 {
    font-size: 18px;
    margin-bottom: 25px;
    height: 61px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.ul-list-d5 .con1 .desc {
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 2;
    margin-bottom: 18px;
    height: 64px
}

.g-more-d3 {
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    padding: 0 44px 0 15px;
    color: rgba(70, 122, 192, .6);
    background: url(../image/d-icon26.png) 48px center no-repeat;
    -o-background-size: 21px 5px;
    background-size: 21px 5px;
    border-radius: 20px;
    border: 1px #e7e8ea solid;
}

.ul-list-d5 .con1 .text1:hover .g-more-d3 {
    background-color: #1e63b5;
    background-image: url(../image/d-icon5.png);
    color: #fff;
}

.row-d9 .pages {
    padding-bottom: 0
}

@media only screen and (min-width:750px) and (max-width:1920px) {
    .row-d1 {
        padding-bottom: 3.75vw;
        padding-top: 4.58333vw
    }

    .row-d1::after {
        width: 42.7vw;
        height: 34.79vw
    }

    .ul-list-d1 li {
        margin-bottom: 1.458vw
    }

    .ul-list-d1 .tit {
        padding: 1.145vw 4.166vw 1.25vw 6.145vw;
        border-radius: .52vw
    }

    .ul-list-d1 .tit h3 {
        font-size: 1.458vw
    }

    .ul-list-d1 .tit span {
        width: 1.666vw;
        height: 1.666vw
    }

    .ul-list-d1 .title {
        border-bottom-width: .104vw
    }

    .ul-list-d1 .title span {
        float: left;
        width: 26.66%;
        font-size: 1.145vw;
        margin-bottom: .833vw
    }

    .ul-list-d1 .m-require .item .s1,
    .ul-list-d1 .title .s1 {
        padding-left: 4.166vw
    }

    .ul-list-d1 .m-require {
        padding: 2.395vw 6.25vw 5.208vw;
        box-shadow: -1px .208vw 1.562vw 1px rgba(62, 81, 110, .26);
        border-radius: 0 0 .52vw .52vw
    }

    .ul-list-d1 .m-require .item span {
        font-size: 1.041vw;
        padding: 1.25vw 0 .625vw
    }

    .row-d2 {
        padding-top: 4.739vw;
        padding-bottom: 4.583vw;
        border-top-width: .52vw
    }

    .row-d2 .desc {
        font-size: 0.9375vw;
    }

    .row-d3 {
        padding-top: 4.583vw;
        padding-bottom: 1.145vw
    }

    .row-d3 .con {
        margin-bottom: 4.27vw
    }

    .row-d3 .con .pic {
        margin-right: 2.031vw;
        border-radius: .52vw
    }

    .row-d3 .con .text {
        overflow: hidden;
        padding-top: .26vw
    }

    .row-d3 .con .text h3 {
        font-size: 1.875vw;
        margin-bottom: 1.77vw
    }

    .row-d3 .con .text h3::after {
        bottom: -.989vw
    }

    .row-d3 .con .text .desc {
        margin-bottom: 2.083vw
    }

    .g-more-d {
        font-size: .937vw;
        padding-right: 5.208vw;
        background-position: 4.6875vw center;
        -o-background-size: 1.875vw 1.093vw;
        background-size: 1.875vw 1.093vw
    }

    .row-d3 .con:hover .g-more-d {
        background-position: 5.2083vw center
    }

    .row-d3 .con1 .g-more-d {
        padding-right: 2.96875vw
    }

    .row-d3 .con1:hover .g-more-d {
        background-position: 4.6875vw center
    }

    .g-tit-d {
        margin-bottom: 2.395vw
    }

    .g-tit-d h3 {
        font-size: 1.875vw
    }

    .g-tit-d b {
        position: absolute;
        width: 3.125vw;
        height: .208vw;
        bottom: -1.093vw;
        border-radius: .104vw
    }

    .row-d3 .con2 .desc {
        margin: 0 auto 1.406vw
    }

    .row-d3 .con2 .more {
        text-align: center;
        margin-bottom: 2.5vw
    }

    .row-d3 .con2 .more:hover .g-more-d {
        background-position: 5.208vw center
    }

    .row-d3 .content {
        margin: 0 -.416vw;
        height: 22.76vw
    }

    .row-d3 .content .box1 {
        margin: 0 .416vw;
        padding: 1.927vw 1.041vw 2.083vw 1.458vw;
        border-radius: .52vw
    }

    .row-d3 .content .box1 .text {
        margin-bottom: 1.562vw
    }

    .row-d3 .content .box1 h3 {
        font-size: .833vw
    }

    .row-d3 .content .box1 .slick-dots {
        bottom: 2.187vw
    }

    .row-d3 .content .box1 .slick-dots li {
        display: inline-block;
        width: .364vw;
        height: .364vw;
        margin-right: .26vw
    }

    .row-d3 .content .box1 .slick-dots li.slick-active {
        width: 1.093vw;
        height: .364vw;
        background: #fff;
        border-radius: .208vw;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .3s
    }

    .row-d3 .content .box1 .info {
        font-size: .729vw
    }

    .row-d3 .content .box2,
    .row-d3 .content .box3 {
        margin: 0 .416vw;
        border-radius: .52vw
    }

    .row-d4 {
        padding-top: 12.34vw;
        padding-bottom: 5.208vw
    }

    .row-d4 .con::after {
        bottom: -1.718vw;
        left: -1.51vw;
        width: 22.29vw;
        height: 12.91vw
    }

    .row-d4 .con .text {
        padding: 4.218vw 3.906vw 4.427vw
    }

    .row-d4 .g-tit-d {
        text-align: left;
        margin-bottom: 2.031vw
    }

    .row-d4 .desc {
        margin-bottom: 2.187vw
    }

    .g-more-d2 {
        font-size: .729vw;
        font-weight: 400;
        padding: .26vw 2.291vw .312vw .781vw;
        color: #fff;
        background-color: #1e63b5;
        border-radius: .781vw;
        background-image: url(../image/d-icon5.png);
        -o-background-size: 1.458vw .312vw;
        background-size: 1.458vw .312vw;
        background-repeat: no-repeat;
        background-position: 4.010vw center
    }

    .row-d5 {
        padding: 4.218vw 0 5.156vw
    }

    .row-d5::after {
        width: 42.7vw;
        height: 34.79vw
    }

    .row-d5 .box {
        height: 40.98vw;
        margin: 0 -.729vw
    }

    .row-d5 .col-l .box1 {
        margin: 0 .729vw
    }

    .row-d5 .col-r .box2 {
        margin: 0 .729vw;
        box-shadow: 1px 1px 1.354vw 1px rgba(59, 77, 112, .16);
        border-radius: .52vw
    }

    .ul-list-d2 {
        margin: 0 -.781vw
    }

    .ul-list-d2 li {
        margin-bottom: 1.562vw
    }

    .ul-list-d2 .con {
        height: 19.68vw;
        padding: 2.812vw 2.604vw 2.291vw;
        border-radius: .52vw;
        margin: 0 .781vw
    }

    .ul-list-d2 .g-tit-d {
        margin-bottom: 2.187vw
    }

    .ul-list-d2 .con:hover .more .g-more-d {
        background-position: 5.208vw center
    }

    .ul-list-d2 .desc {
        margin-bottom: 2.083vw;
        line-height: 2
    }

    .ul-list-d2 li:nth-child(3) .con {
        padding: 0;
        box-shadow: 1px 1px 1.354vw 1px rgba(59, 77, 112, .16);
        border-radius: 1px .52vw .52vw 1px
    }

    .ul-list-d2 li:nth-child(3) .con .more {
        padding-top: .364vw
    }

    .ul-list-d2 .con .pic {
        border-radius: .52vw 1px 1px .52vw
    }

    .ul-list-d2 .con .text {
        padding: 2.76vw 2.552vw 2.604vw
    }

    .ul-list-d2 li:nth-child(3) .con .desc {
        height: 3.333vw
    }

    .ul-list-d2 li:nth-child(3) .con .g-tit-d {
        margin-bottom: 2.239vw
    }

    .ul-list-d2 .con .text .item {
        display: inline-block;
        margin-right: 1.3vw
    }

    .ul-list-d2 .con .text .item .icon {
        width: 2.656vw;
        height: 2.604vw;
        margin: 0 auto .625vw
    }

    .ul-list-d2 .con .text .item h3 {
        font-size: 1.25vw
    }

    .ul-list-d2 li:nth-child(3) .con .text .other .item:nth-child(2) .icon {
        width: 2.6vw;
        height: 2.6vw
    }

    .ul-list-d2 li:nth-child(3) .con .text .other .item:nth-child(3) .icon {
        width: 2.9vw;
        height: 2.3vw
    }

    .row-d5 .box2 .pic {
        height: 28.0729vw;
        margin-bottom: 2.187vw
    }

    .row-d5 .box2 .text {
        padding: 0 2.083vw
    }

    .row-d5 .box2 .info {
        font-size: .833vw;
        margin-bottom: 1.406vw
    }

    .row-d5 .box2 .info span {
        margin-right: 1.25vw
    }

    .row-d6 {
        padding: 4.375vw 0
    }

    .tabBox-d {
        height: 33.8vw
    }

    .tabBox-d .m-infoCon .pic {
        position: relative;
        width: 100%;
        height: 33.8vw;
        overflow: hidden;
        border-radius: .52vw 1px 1px .52vw
    }

    .tabBox-d .m-infoCon .pic .img2 {
        position: absolute;
        bottom: 2.604vw;
        right: 3.125vw;
        width: 3.125vw;
        height: 3.125vw;
        cursor: pointer
    }

    .tabBox-d .tab-tit {
        overflow: hidden;
        height: 100%;
        padding: 2.864vw 3.645vw;
        background: #fff;
        box-shadow: 1px 1px 1.354vw 1px rgba(59, 77, 112, .16);
        border-radius: 1px .52vw .52vw 1px
    }

    .row-d6 .info {
        font-size: .937vw;
        margin-bottom: 2.447vw
    }

    .ul-list-d3 li {
        margin-bottom: 2.083vw
    }

    .ul-list-d3 .icon {
        position: relative;
        float: left;
        width: 4.739vw;
        height: 4.739vw;
        margin-right: .937vw;
        z-index: 1
    }

    .ul-list-d3 .icon::after {
        top: .52083vw;
        left: 0;
        width: 7.29166vw;
        height: 6.14583vw
    }

    .ul-list-d3 .con h3 {
        overflow: hidden;
        padding-top: 1.041vw;
        font-size: .833vw
    }

    .row-d7 {
        padding-top: 5.156vw;
        padding-bottom: 11.66vw
    }

    .row-d7 .con {
        border-radius: .52vw
    }

    .row-d7 .text {
        padding-top: 2.864vw
    }

    .row-d7 .con .info {
        font-size: .937vw
    }

    .tab-tit-d .t1 h3 {
        font-size: 1.145vw;
        margin-bottom: .52vw
    }

    .tab-tit-d .t1 .icon {
        width: 1.458vw;
        height: 1.77vw
    }

    .tab-tit-d .t1 .icon .img2 {
        width: 1.458vw;
        height: 2.083vw
    }

    .tab-tit-d .t1.on .icon {
        height: 2.083vw
    }

    .tab-tit-d .t0 .icon::after {
        content: '';
        position: absolute
    }

    .row-d7 .con .school .text1 {
        padding: 2.447vw 1.041vw 2.031vw 2.031vw
    }

    .row-d7 .con .school .text1 h3 {
        position: relative;
        font-size: 1.145vw;
        margin-bottom: 1.77vw
    }

    .row-d7 .con .school .text1 h3::after {
        bottom: -.833vw
    }

    .row-d7 .content {
        overflow-y: auto
    }

    .row-d7 .content .item {
        margin-bottom: .937vw;
        padding-right: 1.562vw
    }

    .row-d7 .content .item span {
        margin-bottom: .468vw
    }

    .row-d8 {
        position: relative;
        padding-top: .26vw;
        padding-bottom: 5.208vw
    }

    .row-d8::after {
        width: 42.7vw;
        height: 32.7vw
    }

    .row-d8 .col-l {
        height: 31.14vw;
        margin-right: 4.427083vw
    }

    .row-d8 .box1::after {
        position: absolute;
        content: '';
        bottom: -6.145vw;
        right: -2.916vw;
        width: 39.16vw;
        height: 21.61vw
    }

    .row-d8 .col-r {
        height: 31.14vw
    }

    .slick-d .item .pic {
        width: 100%;
        height: 25.05vw;
        overflow: hidden
    }

    .slick-d .slick-arrow {
        position: absolute;
        width: 1.614vw;
        height: 1.614vw;
        bottom: -2.86458vw
    }

    .slick-d .slick-dots {
        bottom: -3.020vw
    }

    .slick-d .slick-dots li em {
        font-size: 1.458vw
    }

    .slick-d .slick-dots li .sd {
        display: inline-block;
        width: 8.593vw;
        height: 1px;
        background-color: #fff;
        margin: -.52vw .781vw .52vw
    }

    .slick-d .item .info {
        padding: .677083vw 1.562vw
    }

    .slick-d .item .info span {
        font-size: .937vw
    }

    .slick-d .item .info .massage span {
        margin: 0 .208vw
    }

    .slick-d .item .info .massage span::after {
        top: 50%;
        right: -.416vw;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: .104vw;
        height: 1.041vw
    }

    .ul-list-d4 {
        margin: 0 -.52vw .26vw
    }

    .ul-list-d4 li {
        margin-bottom: 1.041vw
    }

    .ul-list-d4 .con {
        height: 6.458vw
    }

    .row-d8 .g-more-d {
        font-size: .833vw;
        padding-left: 3.593vw;
        background-position: .781vw center;
        -o-background-size: 1.875vw 1.093vw;
        background-size: 1.875vw 1.093vw
    }

    .row-d8 .g-more-d:hover {
        background-position: .26vw center
    }

    .row-d9 {
        position: relative;
        padding-top: 4.062vw;
        padding-bottom: 5.208vw
    }

    .row-d9::after {
        position: absolute;
        content: '';
        width: 42.7vw;
        height: 34.79vw;
        right: 0;
        bottom: 0;
        background: url(../image/d-icon2.jpg) center no-repeat;
        -o-background-size: cover;
        background-size: cover;
        z-index: -1
    }

    .row-d9 .content {
        padding: 3.437vw 2.864vw 5.208vw;
        background: #fff;
        box-shadow: -1px .208vw 1.562vw 1px rgba(62, 81, 110, .26);
        border-radius: .52vw
    }

    .row-d9 .content .con {
        position: relative;
        margin-bottom: 4.166vw;
        height: 18.1770833vw
    }

    .row-d9 .content .con .pic {
        position: relative;
        width: 48%;
        float: left;
        margin-right: 2.395vw;
        border-radius: .52vw;
        overflow: hidden
    }

    .row-d9 .content .info {
        bottom: .52vw;
        padding: .26vw .312vw
    }

    .row-d9 .content .info span {
        font-size: 1.25vw
    }

    .row-d9 .content .con .text {
        overflow: hidden;
        padding-top: 1.614vw
    }

    .row-d9 .content .con .text::after {
        height: .833vw
    }

    .row-d9 .content h3 {
        font-size: 1.145vw;
        margin-bottom: 1.354vw
    }

    .row-d9 .content .desc {
        font-size: .833vw;
        margin-bottom: 1.875vw
    }

    .row-d9 .content .text h3 {
        padding-right: 1.614vw;
        height: 3.90625vw
    }

    .row-d9 .content .text .desc {
        border-top: 1px solid #647e9e;
        padding: .937vw .52vw 0 .156vw
    }

    .ul-list-d5 {
        margin: 0 -1.562vw 1.354vw
    }

    .ul-list-d5 li {
        margin-bottom: 2.6vw
    }

    .ul-list-d5 .con1 {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 1.562vw
    }

    .ul-list-d5 .con1 .pic {
        margin-bottom: 1.25vw;
        border-radius: .52vw
    }

    .ul-list-d5 .con1 h3 {
        font-size: .937vw;
        margin-bottom: 1.3vw;
        height: 3.15vw
    }

    .ul-list-d5 .con1 .desc {
        margin-bottom: .937vw;
        height: 3.3333vw
    }

    .row-d9 .pages {
        padding-bottom: 0
    }
}

@media only screen and (min-width:750px) and (max-width:1919px) {
    .slick-d .slick-dots {
        right: 42%
    }
}

@media only screen and (min-width:750px) and (max-width:1669px) {
    .row-d4 .desc {
        font-size: 16px;
        line-height: 2em;
        height: 160px
    }

    .ul-list-d2 .desc {
        font-size: 15px;
        height: 108px;
        line-height: 1.8;
        margin-bottom: 20px
    }

    .ul-list-d2 li:nth-child(3) .con .desc {
        height: 54px
    }

    .row-d5 .box2 .info {
        font-size: 15px;
        margin-bottom: 20px
    }

    .row-d6 .info {
        font-size: 15px
    }

    .ul-list-d3 .con h3 {
        font-size: 14px
    }

    .row-d7 .con .info {
        font-size: 15px
    }

    .row-d7 .content {
        height: 240px
    }

    .row-d7 .con .school .text1 h3 {
        font-size: 20px
    }

    .row-d8 .g-more-d {
        font-size: 14px
    }

    .slick-d .slick-arrow {
        position: absolute;
        width: 27px;
        height: 27px;
        bottom: -47px
    }

    .row-d9 .content .text .desc {
        font-size: 14px
    }

    .row-d9 .content .text .desc p {
        height: 76px
    }

    .ul-list-d5 .con1 .desc {
        font-size: 14px;
        height: 56px
    }

    .g-more-d2 {
        font-size: 14px
    }

    .row-d9 .content .con .text {
        padding-top: 15px
    }
}

@media only screen and (min-width:750px) and (max-width:1600px) {
    .row-d3 .content .box1 .slick-dots {
        bottom: 5px
    }

    .g-more-d2 {
        padding: 5px 44px 6px 15px;
        background-position: 70px center;
        -o-background-size: 28px 6px;
        background-size: 28px 6px;
        border-radius: 15px
    }

    .tab-tit-d .t1 .icon {
        position: relative;
        width: 25px;
        height: 30px;
        margin: 0 auto
    }

    .tab-tit-d .t1.on .icon {
        height: 34px
    }

    .tab-tit-d .t1 .icon .img2 {
        width: 25px;
        height: 34px
    }
}

@media only screen and (min-width:750px) and (max-width:1540px) {
    .row-d2 .desc {
        font-size: 16px;
        height: auto;
    }

    .tab-tit-d .t3 {
        bottom: 44%
    }

    .tab-tit-d .t4 {
        bottom: 39%
    }
}

@media only screen and (min-width:750px) and (max-width:1440px) {
    .ul-list-d1 .tit span {
        width: 24px;
        height: 24px
    }

    .ul-list-d1 .m-require .item span {
        font-size: 15px
    }

    .ul-list-d1 .title span {
        font-size: 16px
    }

    .row-d3 .con .text h3 {
        font-size: 27px
    }

    .row-d3 .con .text .desc {
        font-size: 15px;
        height: 216px;
        line-height: 1.8;
        margin-bottom: 15px
    }

    .g-more-d {
        font-size: 14px;
        padding-right: 50px;
        background-position: 70px center;
        -o-background-size: 26px 15px;
        background-size: 26px 15px
    }

    .row-d3 .con:hover .g-more-d {
        background-position: 80px center
    }

    .row-d3 .con1 .g-more-d {
        padding-right: 41px
    }

    .row-d3 .con1:hover .g-more-d {
        background-position: 70px center
    }

    .row-d3 .con2 .more:hover .g-more-d,
    .ul-list-d2 .con:hover .more .g-more-d {
        background-position: 80px center
    }

    .g-tit-d h3 {
        font-size: 27px
    }

    .row-d3 .con2 .desc {
        width: 70%;
        line-height: 1.8;
        height: 87px
    }

    .row-d4 .desc {
        font-size: 15px;
        height: 150px
    }

    .row-d5 .box {
        height: 597px
    }

    .ul-list-d2 .con {
        height: 287px
    }

    .slick-d .item .info span {
        font-size: 14px
    }

    .row-d8 .g-more-d {
        -o-background-size: 31px 18px;
        background-size: 31px 18px;
        padding-left: 60px;
        background-position: 15px center
    }

    .row-d8 .g-more-d:hover {
        background-position: 5px center
    }

    .slick-d .slick-prev {
        right: 10%
    }

    .row-d9 .content .text h3 {
        font-size: 16px;
        height: 55px;
        margin-bottom: 10px
    }

    .ul-list-d5 .con1 h3 {
        font-size: 15px;
        height: 51px;
    }

    .row-d9 .content .text .desc {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:750px) and (max-width:1500px) {
    .tab-tit-d .t4 {
        bottom: 37%
    }
}

@media only screen and (min-width:750px) and (max-width:1366px) {
    .tab-tit-d .t3 {
        bottom: 42%
    }

    .tab-tit-d .t4 {
        bottom: 33%
    }

    .row-d7 .con {
        height: 344px
    }
}

@media only screen and (max-width:1199px) {
    .ul-list-d1 .tit h3 {
        font-size: 16px
    }

    .row-d3 .con .text .desc {
        font-size: 14px;
        height: 180px;
        line-height: 1.6;
        margin-bottom: 10px
    }

    .row-d3 .content {
        margin: 0;
        height: auto
    }

    .row-d3 .content .box1 {
        float: left;
        width: 32%;
        height: 437px;
        margin: 0 0 15px 30px;
        padding: 37px 20px 40px 28px;
        border-radius: 10px;
        overflow: hidden
    }

    .row-d3 .content .box2 {
        float: right;
        width: 58%;
        height: 437px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 30px 20px 0;
        overflow: hidden;
        border-radius: 10px
    }

    .row-d3 .content .box3 {
        float: none;
        width: 100%;
        height: auto;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        overflow: hidden;
        border-radius: 10px
    }

    .row-d3 .content .box1 h3 {
        font-size: 15px
    }

    .row-d3 .content .box1 .info {
        font-size: 14px
    }

    .row-d3 .content .box1 .text {
        margin-bottom: 30px
    }

    .row-d3 .content .box1 .slick-dots {
        bottom: 10px
    }

    .row-d3 .content .box1 .slick-dots li {
        width: 7px;
        height: 7px;
        margin-right: 5px
    }

    .row-d3 .content .box1 .slick-dots li.slick-active {
        width: 21px;
        height: 7px;
        border-radius: 4px
    }

    .g-more-d {
        padding-right: 42px;
        background-position: 62px center
    }

    .row-d3 .con2 .more:hover .g-more-d,
    .row-d3 .con:hover .g-more-d,
    .ul-list-d2 .con:hover .more .g-more-d {
        background-position: 72px center
    }

    .row-d3 .con1 .g-more-d {
        padding-right: 41px
    }

    .row-d3 .con1:hover .g-more-d {
        background-position: 62px center
    }

    .ul-list-d2 .con .text .item .icon {
        width: 35px;
        height: 35px
    }

    .ul-list-d2 li:nth-child(3) .con .text .other .item:nth-child(2) .icon {
        width: 35px;
        height: 35px
    }

    .ul-list-d2 li:nth-child(3) .con .text .other .item:nth-child(3) .icon {
        width: 41px;
        height: 33px
    }

    .g-tit-d b {
        position: absolute;
        width: 50px;
        height: 3px;
        bottom: -15px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #4c89e7;
        border-radius: 2px
    }

    .row-d6 .info,
    .ul-list-d3 li {
        margin-bottom: 15px
    }

    .tabBox-d .tab-tit {
        padding: 20px 30px
    }

    .row-d7 .con {
        height: auto;
        border-radius: 10px
    }

    .row-d7 .text {
        float: none;
        width: 100%;
        height: auto;
        padding-top: 20px;
        padding-bottom: 0px;
        background-position: center;
        background-repeat: no-repeat;
        -o-background-size: cover;
        background-size: cover
    }

    .row-d7 .con .school {
        position: relative;
        overflow: hidden;
        height: auto
    }

    .m-infoCon-d {
        height: auto
    }

    .row-d7 .content {
        height: 340px
    }

    .row-d7 .con .school .text1 h3 {
        margin-bottom: 30px
    }

    .row-d7 .con .school .text1 {
        padding: 30px
    }

    .tab-tit-d .t1 {
        position: absolute;
        bottom: 37%;
        left: 24%
    }

    .tab-tit-d .t2 {
        bottom: 12%;
        left: 35%
    }

    .tab-tit-d .t3 {
        bottom: 43%;
        left: 50%
    }

    .tab-tit-d .t4 {
        bottom: 38%;
        left: 64%
    }

    .tab-tit-d .t1 h3 {
        font-size: 14px
    }

    .tab-tit-d .t0 .icon::after {
        content: '';
        position: absolute;
        background: url(../image/d-icon24.png) center no-repeat;
        -o-background-size: cover;
        background-size: cover
    }

    .row-d9 .content .info span {
        font-size: 14px
    }

    .row-d9 .content .text h3 {
        margin-bottom: 7px
    }

    .row-d9 .content .text .desc {
        margin-bottom: 10px;
        padding: 5px 10px 0 3px
    }

    .row-d9 .content .con {
        height: 216px
    }

    .ul-list-d5 .con1 .pic {
        position: relative;
        width: 100%;
        height: 18.265221vw
    }

    .list-d5-zt .con1 .pic {
        height: auto;
    }
}

@media only screen and (max-width:1100px) {
    .tab-tit-d .t4 {
        bottom: 35%
    }
}

@media only screen and (max-width:1080px) {
    .ul-info-b4 li:nth-child(3) .info1 {
        top: 90px;
    }

    .ul-info-b4 .info .btn {
        margin-top: 0;
    }

    .ul-info-b4 .txt1 .tit {
        margin-bottom: 0;
        padding-bottom: 1.245vw;
    }

    .ul-info-b4 li:nth-child(1) .info1 {
        top: 3.854vw;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .ul-info-b4 li:nth-child(2) .info1 {
        top: 3.854vw;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .ul-info-b4 li:nth-child(3) .info1 {
        top: 3.854vw;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@media only screen and (max-width:950px) {
    .row-d2 {
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: 4px solid #afd1f1;
        display: none;
    }

    .row-d5 .box {
        height: auto
    }

    .row-d5 .col-l {
        width: 100%;
        height: 100%;
        float: none
    }

    .row-d5 .col-r {
        float: none;
        width: 100%;
        height: 100%
    }

    .ul-list-d2 {
        margin: 0 -15px 20px
    }

    .row-d5 .col-r .box2 {
        overflow: hidden;
        margin: 0;
        height: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        box-shadow: 0 0 26px 0 rgb(59 77 112 / 16%);
        border-radius: 10px;
        background-color: #fff
    }

    .row-d5 .box2 .pic {
        float: left;
        width: 50%;
        height: auto;
        overflow: hidden;
        margin: 0
    }

    .row-d5 .box2 .text {
        overflow: hidden;
        padding: 40px 20px 20px
    }

    .row-d4 .con .text {
        position: absolute;
        width: 50%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 20px;
        text-align: left;
        background: rgba(1, 91, 177, .6)
    }

    .row-d4 .desc {
        font-size: 14px;
        height: auto;
        line-height: 1.7;
        margin-bottom: 15px
    }

    .row-d2 .desc {
        font-size: 16px;
        line-height: 1.7;
    }

    .row-d3 .con .pic {
        float: none;
        width: 100%;
        height: auto;
        margin-right: 0;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 20px
    }

    .row-d3 .con .text h3 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .row-d3 .con .text h3::after {
        bottom: -12px
    }

    .row-d3 .con .text .desc {
        font-size: 15px;
        line-height: 1.7;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 8;
        overflow: hidden;
        margin-bottom: 20px;
        height: auto
    }

    .g-more-d {
        font-size: 15px;
        padding-right: 72px;
        background-position: 75px center;
        -o-background-size: 31px 17px;
        background-size: 31px 17px
    }

    .row-d3 .con:hover .g-more-d {
        background-position: 85px center
    }

    .row-d3 .con1 .g-more-d {
        padding-right: 52px
    }

    .row-d3 .con1:hover .g-more-d {
        background-position: 75px center
    }

    .g-tit-d h3 {
        font-size: 22px
    }

    .g-tit-d b {
        width: 43px;
        height: 3px;
        bottom: -12px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #4c89e7;
        border-radius: 2px
    }

    .row-d3 .con2 .desc {
        width: 100%;
        font-size: 16px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        line-height: 1.7;
        margin: 0 auto 15px;
        height: auto
    }

    .row-d3 .con2 .more:hover .g-more-d,
    .ul-list-d2 .con:hover .more .g-more-d {
        background-position: 85px center
    }

    .row-d4 .con {
        height: auto
    }

    .g-more-d2 {
        font-size: 14px;
        padding: 3px 35px 3px 10px;
        background-position: 72px center;
        -o-background-size: 20px 6px;
        background-size: 20px 6px;
        border-radius: 15px
    }

    .row-d3 .content .box1 {
        width: 35%;
        margin-left: 0
    }

    .row-d3 .content .box2 {
        float: right;
        width: 55%;
        margin-right: 0
    }

    .tabBox-d .tab-con {
        float: none;
        width: 100%
    }

    .tabBox-d {
        height: auto
    }

    .tabBox-d .m-infoCon .pic {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        border-radius: 10px 0 0 10px
    }

    .tabBox-d .m-infoCon .pic .img2 {
        position: absolute;
        bottom: 20px;
        right: 30px;
        width: 40px;
        height: 40px;
        cursor: pointer
    }

    .ul-list-d3 .icon {
        position: relative;
        float: left;
        width: 70px;
        height: 70px;
        margin-right: 18px;
        z-index: 1
    }

    .ul-list-d3 .con h3 {
        padding-top: 10px;
        font-size: 14px
    }

    .ul-list-d3 .icon::after {
        width: 108px;
        height: 100px
    }

    .tab-tit-d .t4 {
        bottom: 31%
    }

    .row-d7 .content {
        height: 300px
    }

    .row-d8 .col-l {
        width: 100%;
        height: auto;
        margin-right: 0;
        float: none;
        margin-bottom: 120px
    }

    .slick-d .item .pic {
        width: 100%;
        height: 472px;
        overflow: hidden
    }

    .slick-d .item .info {
        padding: 16px 30px
    }

    .row-d8 .box1::after {
        bottom: -80px;
        right: -48px;
        width: 100%;
        height: 350px
    }

    .slick-d .slick-dots {
        bottom: -5.02vw;
        right: 30%
    }

    .slick-d .slick-arrow {
        bottom: -51px
    }

    .slick-d .slick-dots li em {
        font-size: 22px
    }

    .slick-d .slick-dots li .sd {
        width: 120px;
        margin: -10px 15px 10px
    }

    .row-d8 .col-r {
        width: 100%;
        height: auto;
        float: none
    }

    .ul-list-d4 li {
        margin-bottom: 20px
    }

    .ul-list-d4 .con {
        width: 100%;
        height: auto;
        padding: 0 10px;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .row-d9 .content .con .pic {
        position: relative;
        width: 100%;
        float: none;
        margin-right: 0;
        border-radius: 10px;
        overflow: hidden
    }

    .row-d9 .content .info {
        bottom: 10px;
        padding: 5px 6px
    }

    .row-d9 .content .con .text {
        overflow: hidden;
        padding-top: 31px
    }

    .row-d9 .content .text h3 {
        padding-right: 0;
        height: auto
    }

    .row-d9 .content .text .desc {
        margin-bottom: 15px
    }

    .row-d9 .content .text .desc p {
        height: auto
    }

    .row-d9 .content .con .text::after {
        content: '';
        position: absolute;
        bottom: -30px;
        left: 0;
        width: 100%;
        height: 12px
    }

    .row-d9 .content .con,
    .ul-list-d5 .con1 .desc {
        height: auto
    }

    .ul-list-d5 .con1 h3 {
        font-size: 14px;
        height: 48px;
    }
}

@media only screen and (max-width:820px) {
    .tab-tit-d .t1 {
        left: 19%
    }

    .tab-tit-d .t2 {
        bottom: 12%;
        left: 35%
    }

    .tab-tit-d .t3 {
        bottom: 43%;
        left: 50%
    }

    .tab-tit-d .t4 {
        bottom: 31%;
        left: 64%
    }

    .row-d7 .content {
        height: 260px
    }
}

@media only screen and (max-width:750px) {
    .row-d1 {
        padding-bottom: 20px;
        padding-top: 30px
    }

    .ul-list-d1 li {
        margin-bottom: 10px
    }

    m .ul-list-d1 .tit h3 {
        font-size: 16px
    }

    .ul-list-d1 .tit {
        padding: 10px 20px
    }

    .ul-list-d1 .tit span {
        width: 20px;
        height: 20px
    }

    .ul-list-d1 .m-require {
        padding: 10px
    }

    .ul-list-d1 .m-require .item .s1,
    .ul-list-d1 .title .s1 {
        padding-left: 0;
        width: 20%
    }

    .ul-list-d1 .title span {
        width: 30%;
        font-size: 15px;
        margin-bottom: 8px;
        text-align: center
    }

    .ul-list-d1 .m-require .item span {
        float: left;
        width: 30%;
        font-size: 14px;
        padding: 5px 0;
        text-align: center
    }

    .ul-list-d1 .m-require .item span:nth-child(1),
    .ul-list-d1 .m-require .item span:nth-child(2),
    .ul-list-d1 .title span:nth-child(1),
    .ul-list-d1 .title span:nth-child(2) {
        width: 20%
    }

    .ul-list-d1 .m-require .item .s4,
    .ul-list-d1 .title .s4 {
        width: 30%
    }

    .row-d2 .desc {
        display: none;
    }

    .row-d3 .con .text .desc {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 15px;
        height: auto
    }

    .g-more-d {
        font-size: 14px;
        padding-right: 65px;
        background-position: 69px center;
        -o-background-size: 28px 16px;
        background-size: 28px 16px
    }

    .row-d3 .con2 .more:hover .g-more-d,
    .row-d3 .con:hover .g-more-d,
    .ul-list-d2 .con:hover .more .g-more-d {
        background-position: 75px center
    }

    .row-d3 .con1 .g-more-d {
        padding-right: 41px
    }

    .row-d3 .con1:hover .g-more-d {
        background-position: 69px center
    }

    .row-d3 .con {
        margin-bottom: 25px
    }

    .g-tit-d h3 {
        font-size: 18px
    }

    .g-tit-d {
        text-align: center;
        position: relative;
        margin-bottom: 15px
    }

    .g-tit-d b {
        width: 34px;
        height: 2px;
        bottom: -9px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #4c89e7;
        border-radius: 2px
    }

    .row-d3 .con2 .desc {
        font-size: 14px;
        line-height: 1.7;
        margin: 0 auto 15px;
        height: auto
    }

    .row-d3 .content .box1 {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 15px;
        padding: 20px 50px;
        border-radius: 10px;
        overflow: hidden
    }

    .row-d3 .content .box2 {
        float: none;
        width: 100%;
        height: auto;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 0 20px;
        overflow: hidden;
        border-radius: 10px
    }

    .row-d4 {
        padding-top: 100px;
        padding-bottom: 30px
    }

    .row-d4 .con::after {
        display: none
    }

    .row-d4 .con .pic {
        margin-bottom: 20px
    }

    .row-d4 .con .text {
        position: static;
        width: 100%;
        height: auto;
        left: auto;
        top: auto;
        padding: 0;
        text-align: left;
        background: 0 0
    }

    .row-d4 .g-tit-d {
        margin-bottom: 20px
    }

    .row-d5 {
        position: relative;
        padding: 20px 0 30px
    }

    .ul-list-d2 {
        margin: 0 0 20px
    }

    .ul-list-d2 li {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }

    .ul-list-d2 .con {
        height: auto;
        padding: 20px;
        margin: 0
    }

    .ul-list-d2 .g-tit-d {
        margin-bottom: 15px
    }

    .ul-list-d2 .desc {
        font-size: 14px;
        height: auto;
        margin-bottom: 15px;
        line-height: 1.6
    }

    .ul-list-d2 .con .pic {
        float: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 0
    }

    .ul-list-d2 .con .text {
        padding: 20px 30px;
        height: auto
    }

    .ul-list-d2 li:nth-child(3) .con .g-tit-d {
        margin-bottom: 15px
    }

    .ul-list-d2 li:nth-child(3) .con .desc {
        height: auto;
        line-height: 1.7
    }

    .ul-list-d2 .con .text .item h3 {
        font-size: 14px
    }

    .ul-list-d2 .con .text .item {
        margin-right: 25px
    }

    .row-d5 .box2 .pic {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0
    }

    .row-d5 .box2 .text {
        padding: 20px
    }

    .row-d5 .box2 .info {
        font-size: 14px;
        margin-bottom: 15px
    }

    .row-d5 .box2 .info span {
        margin-right: 10px
    }

    .row-d6 {
        padding: 30px 0
    }

    .tabBox-d .tab-tit {
        padding: 20px
    }

    .row-d7 {
        padding-top: 42px;
        padding-bottom: 30px
    }

    .row-d7 .con .school .text1 {
        position: static;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        background-color: rgba(1, 91, 177, .63);
        padding: 30px 20px
    }

    .row-d7 .con .info {
        font-size: 15px
    }

    .tab-tit-d .t0 .icon::after {
        width: 611px
    }

    .row-d7 .con .school .text1 h3 {
        position: relative;
        font-size: 16px;
        margin-bottom: 25px
    }

    .row-d7 .con .school .text1 h3::after {
        content: '';
        position: absolute;
        bottom: -12px;
        left: 0;
        width: 100%;
        height: 1px;
        background: url(../image/d-icon16.png) center no-repeat;
        -o-background-size: cover;
        background-size: cover
    }

    .tab-tit-d .t1 .icon {
        position: relative;
        width: 24px;
        height: 29px;
        margin: 0 auto
    }

    .tab-tit-d .t1.on .icon {
        height: 34px
    }

    .row-d7 .content {
        height: 240px
    }

    .slick-d .item .info span {
        font-size: 15px
    }

    .row-d8 .box1::after {
        bottom: -62px;
        right: -48px;
        width: 100%;
        height: 266px
    }

    .slick-d .item .pic {
        width: 100%;
        height: 354px;
        overflow: hidden
    }

    .slick-d .slick-dots {
        display: none !important;
        bottom: -14%;
        right: 50%
    }

    .slick-d .slick-dots li .sd {
        width: 100px;
        margin: -10px 15px 10px
    }

    .slick-d .item .info .massage {
        display: none
    }

    .slick-d .item .info {
        padding: 5px 15px
    }

    .slick-d .slick-arrow {
        bottom: -13%
    }

    .slick-d .slick-prev {
        right: 33%
    }

    .slick-d .slick-next {
        right: 16%
    }

    .row-d8 .col-l {
        margin-bottom: 60px
    }

    .row-d8 {
        position: relative;
        padding-top: 5px;
        padding-bottom: 25px;
        overflow: hidden
    }

    .ul-list-d3 .icon {
        position: relative;
        float: left;
        width: 50px;
        height: 50px;
        margin-right: 10px;
        z-index: 1
    }

    .ul-list-d3 .icon::after {
        width: 83px;
        height: 78px
    }

    .row-d8 .g-more-d {
        font-size: 14px;
        padding-left: 52px;
        background-position: 15px center;
        -o-background-size: 28px 16px;
        background-size: 28px 16px
    }

    .row-d9 {
        position: relative;
        padding-top: 30px;
        padding-bottom: 40px
    }

    .row-d9 .content .con {
        position: relative;
        margin-bottom: 60px
    }

    .row-d9 .content {
        padding: 20px 20px 30px
    }

    .row-d9 .content .text h3 {
        font-size: 16px;
        margin-bottom: 10px;
        height: auto
    }

    .row-d9 .more .g-more-d2 {
        float: right;
        padding: 2px 40px 2px 15px;
        background-position: 50px center;
        align-items: center;
    }

    .ul-list-d5 {
        margin: 0 -5px 10px
    }

    .ul-list-d5 li {
        float: left;
        width: 50%;
        margin-bottom: 30px
    }

    .list-d5-zt li {
        width: 100%;
    }

    .ul-list-d5 .con1 {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 5px
    }

    .ul-list-d5 .con1 .pic {
        position: relative;
        width: 100%;
        height: 29.2vw;
        margin-bottom: 10px;
        overflow: hidden;
        border-radius: 5px
    }

    .list-d5-zt .con1 .pic {
        height: auto;
    }

    .ul-list-d5 .con1 .desc {
        line-height: 1.5
    }

    .row-d9 .content .desc {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.5
    }

    .row-d9 .content .con .text {
        overflow: hidden;
        padding-top: 15px
    }

    .row-d9 .ul-list-d5 .info {
        bottom: 0;
        font-size: 12px;
        padding: 2px 3px
    }

    .row-d9 .content .info span {
        font-size: 13px
    }
}

@media only screen and (max-width:414px) {
    .ul-list-d3 .icon::after {
        top: 0;
    }

    .tab-tit-d .t0 .icon::after {
        content: '';
        position: absolute;
        width: 400px;
        height: 129px;
        bottom: -32px;
        left: -68px;
        background: url(../image/d-icon24.png) center no-repeat;
        -o-background-size: cover;
        background-size: cover
    }

    .row-d7 .con .school .text1 h3 {
        position: relative;
        font-size: 16px;
        margin-bottom: 25px
    }

    .row-d7 .con .school .text1 h3::after {
        content: '';
        position: absolute;
        bottom: -12px;
        left: 0;
        width: 100%;
        height: 1px;
        background: url(../image/d-icon16.png) center no-repeat;
        -o-background-size: cover;
        background-size: cover
    }

    .tab-tit-d .t1 {
        position: absolute;
        bottom: 31%;
        left: 9%
    }

    .tab-tit-d .t2 {
        bottom: 16%;
        left: 35%
    }

    .tab-tit-d .t3 {
        bottom: 34%;
        left: 50%
    }

    .tab-tit-d .t4 {
        bottom: 28%;
        left: 64%
    }

    .tab-tit-d .t1 h3 {
        margin-bottom: 5px
    }

    .slick-d .item .pic {
        width: 100%;
        height: 210px;
        overflow: hidden
    }

    .row-d8 .box1::after {
        bottom: -17%;
        right: -48px;
        width: 100%;
        height: 138px
    }

    .slick-d .slick-arrow {
        bottom: -14%;
        position: absolute;
        width: 23px;
        height: 23px
    }

    .ul-list-d5 li {
        float: left;
        width: 100%;
        margin-bottom: 20px
    }

    .ul-list-d5 .con1 h3 {
        margin-bottom: 10px;
    }

    .ul-list-d5 .con1 .pic {
        height: 0;
        padding-bottom: 60%;
    }

    .ul-list-d5 .con1 .pic a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
}

.c-ban {
    padding-top: 27.91%;
    background-repeat: no-repeat;
    background-position: right bottom;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    min-height: 150px;
    overflow: hidden
}

.c-ban .wp {
    width: 80%;
}

.c-ban:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../image/ban-bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    z-index: 1;
}

.c-ban .txt {
    position: absolute;
    top: 60%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 2
}

.c-ban .tit {
    font-size: 48px;
    line-height: 1;
    color: #333;
    font-weight: 700;
    background-image: url(../image/c-icn01.png);
    background-repeat: no-repeat;
    background-position: left top;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    padding: 16px 0 48px;
    margin-bottom: 36px;
}

.c-ban .cur {
    font-size: 0;
}

.c-ban .cur a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
}

.c-ban .cur a:hover {
    color: #063e7d
}

.c-ban .cur p,
.c-ban .cur span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
}

.c-ban .cur .in {
    background-image: url(../image/c-icn02.png);
    background-repeat: no-repeat;
    background-position: left;
    -o-background-size: 17px;
    background-size: 17px;
    padding-left: 22px
}

@media only screen and (max-width:1200px) {
    .c-ban:after {
        top: -60px;
    }

    .c-ban .txt {
        top: auto;
        bottom: 15px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.c-tabclick {
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    padding: 53px 0;
    border-top: 10px solid #afd1f1
}

.ul-tabclickc {
    margin: 0 -20px;
    overflow: hidden
}

.ul-tabclickc li {
    float: left;
    width: 20%;
    padding: 16px 20px
}

.jg_left {
    width: 2.6rem;
}

.jg_left .ul-tabclickc {
    margin: 0;
}

.jg_left .ul-tabclickc li {
    float: none;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
}

.ul-tabclickc a {
    display: block;
    background-color: #015bb1;
    border: 1px solid #548abf;
    border-radius: 10px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 58px;
    background-image: url(../image/c-icn03.png);
    background-repeat: no-repeat;
    background-position: right;
    -o-background-size: auto 100%;
    background-size: auto 100%
}

.ul-tabclickc a:hover,
.ul-tabclickc li.on a {
    background-color: #d4be6e;
    border-color: #fff;
    background-image: url(../image/c-icn04.png)
}

@media only screen and (min-width:950px) and (max-width:1920px) {
    .c-ban .tit {
        font-size: 2.5vw;
        padding: .833vw 0 2.5vw;
        margin-bottom: 1.875vw
    }

    .c-tabclick {
        padding: 2.76vw 0;
        border-width: .52vw
    }

    .ul-tabclickc {
        margin: 0 -1.041vw
    }

    .ul-tabclickc li {
        padding: .833vw 1.041vw
    }

    .ul-tabclickc a {
        border-radius: .52vw;
        font-size: 1.25vw;
        line-height: 3.020vw
    }
}

@media only screen and (max-width:950px) {
    .c-ban .tit {
        font-size: 18px;
        padding: 8px 0 20px;
        margin-bottom: 5px
    }

    .c-tabclick {
        padding: 8px 0;
        border-width: 4px
    }

    .ul-tabclickc {
        margin: 0 -7px
    }

    .ul-tabclickc li {
        width: 25% !important;
        padding: 7px
    }

    .ul-tabclickc a {
        border-radius: 4px;
        font-size: 14px;
        line-height: 33px
    }
}

.c-ban-mobile {
    display: none
}

@media only screen and (max-width:750px) {
    .c-ban .cur {
        display: none
    }

    .c-ban:after {
        display: none;
    }

    .c-ban-mobile {
        display: block;
        padding-top: 0;
        min-height: inherit;
        background-image: none !important;
    }

    .c-ban-mobile.c-ban {
        background-image: none !important;
    }

    .c-ban-mobile .txt {
        position: static;
        max-width: inherit;
        padding: 10px 0;
    }

    .c-ban-mobile .cur {
        max-width: inherit !important;
        display: block;
    }

    .c-ban .tit {
        display: none;
    }

    .c-ban-mobile .wp {
        width: 100%;
    }
}

@media only screen and (max-width:640px) {
    .c-ban:after {
        top: 0;
    }

    .ul-tabclickc li {
        width: 33.33% !important;
    }

    .c-ban .cur {
        max-width: 200px;
    }
}

@media only screen and (max-width:414px) {
    .ul-tabclickc li {
        width: 50% !important;
    }
}

.row-c1 {
    padding: 88px 0 10px;
    overflow: hidden
}

.row-c1 .l {
    float: left;
    width: 62.5%
}

.slickc1 .con {
    position: relative
}

.slickc1 .pic {
    overflow: hidden
}

.slickc1 .pic img {
    display: block;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

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

.slickc1 .tit {
    position: absolute;
    top: 50px;
    left: 49px;
    font-size: 36px;
    color: #fff;
    font-weight: 700
}

.row-c1 .r {
    float: right;
    width: 37.5%
}

.slickc2 {
    margin-bottom: 1px
}

.slickc2 .con {
    position: relative;
    padding: 52px 49px
}

.slickc2 .pic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.slickc2 .pic img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.slickc2 .txt {
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    height: 170px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    overflow: hidden
}

.slickc2 .more {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    background-image: url(../image/c-icn05.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    -o-background-size: 36px;
    background-size: 36px;
    padding-right: 55px
}

.slickc2 .more:hover {
    opacity: .8;
    background-position: right
}

.ul-slickdotc1 {
    margin-right: -1px;
    overflow: hidden
}

.ul-slickdotc1 li {
    float: left;
    width: 25%;
    padding-right: 1px
}

.ul-slickdotc1 .con {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    padding: 29px 0;
    cursor: pointer
}

.ul-slickdotc1 .l1 .con {
    height: 219px;
    background-image: url(../image/c-bg03.jpg)
}

.ul-slickdotc1 .l2 .con {
    height: 250px;
    background-image: url(../image/c-bg04.jpg)
}

.ul-slickdotc1 .l3 .con {
    height: 200px;
    background-image: url(../image/c-bg05.jpg)
}

.ul-slickdotc1 .l4 .con {
    height: 237px;
    background-image: url(../image/c-bg06.jpg)
}

.ul-slickdotc1 .tit {
    text-align: center;
    width: 20px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.ul-slickdotc1 .icn {
    position: absolute;
    bottom: -23px;
    left: 50%;
    margin-left: -23px;
    border-radius: 50%
}

.ul-slickdotc1 .icn img {
    display: block
}

.ul-slickdotc1 .icn i {
    position: absolute;
    top: -7px;
    left: -7px;
    right: -7px;
    bottom: -7px;
    border: 1px dashed #fff;
    border-radius: 50%
}

.ul-slickdotc1 .l1 .icn i {
    -o-animation: 10s linear infinite icnrotatec1;
    animation: 10s linear infinite icnrotatec1;
    -ms-animation: icnrotatec1 linear 10s infinite;
    -moz-animation: 10s linear infinite icnrotatec1;
    -webkit-animation: 10s linear infinite icnrotatec1
}

.ul-slickdotc1 .l2 .icn i {
    -o-animation: 15s linear infinite icnrotatec1;
    animation: 15s linear infinite icnrotatec1;
    -ms-animation: icnrotatec1 linear 15s infinite;
    -moz-animation: 15s linear infinite icnrotatec1;
    -webkit-animation: 15s linear infinite icnrotatec1
}

.ul-slickdotc1 .l3 .icn i {
    -o-animation: 20s linear infinite icnrotatec1;
    animation: 20s linear infinite icnrotatec1;
    -ms-animation: icnrotatec1 linear 20s infinite;
    -moz-animation: 20s linear infinite icnrotatec1;
    -webkit-animation: 20s linear infinite icnrotatec1
}

.ul-slickdotc1 .l4 .icn i {
    -o-animation: 25s linear infinite icnrotatec1;
    animation: 25s linear infinite icnrotatec1;
    -ms-animation: icnrotatec1 linear 25s infinite;
    -moz-animation: 25s linear infinite icnrotatec1;
    -webkit-animation: 25s linear infinite icnrotatec1
}

@-o-keyframes icnrotatec1 {
    0% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(190deg);
        -moz-transform: rotate(190deg);
        -ms-transform: rotate(190deg);
        -o-transform: rotate(190deg);
        transform: rotate(190deg)
    }
}

@keyframes icnrotatec1 {
    0% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(190deg);
        -moz-transform: rotate(190deg);
        -ms-transform: rotate(190deg);
        -o-transform: rotate(190deg);
        transform: rotate(190deg)
    }
}

@-ms-keyframes icnrotatec1 {
    0% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(190deg);
        -moz-transform: rotate(190deg);
        -ms-transform: rotate(190deg);
        -o-transform: rotate(190deg);
        transform: rotate(190deg)
    }
}

@-moz-keyframes icnrotatec1 {
    0% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(190deg);
        -moz-transform: rotate(190deg);
        -ms-transform: rotate(190deg);
        -o-transform: rotate(190deg);
        transform: rotate(190deg)
    }
}

@-webkit-keyframes icnrotatec1 {
    0% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(190deg);
        -moz-transform: rotate(190deg);
        -ms-transform: rotate(190deg);
        -o-transform: rotate(190deg);
        transform: rotate(190deg)
    }
}

.ul-slickdotc1 .icn i::after {
    content: '';
    position: absolute;
    left: -3px;
    top: 50%;
    margin-top: -3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.ul-slickdotc1 li.on .icn i::after,
.ul-slickdotc1 li:hover .icn i::after {
    background-color: #ffa800;
    box-shadow: 0 0 18px #ffa800
}

.row-c2 {
    padding: 200px 0 100px;
    background-image: url(../image/c-bg07.jpg);
    background-repeat: no-repeat;
    background-position: top;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.row-c2 .l {
    float: left;
    width: 50%;
    background-color: #fff;
    border-radius: 10px 0 0 10px;
    padding: 56px 120px 45px 50px
}

.g-titc1 {
    margin-bottom: 20px;
    overflow: hidden
}

.g-titc1 .more {
    float: right;
    font-size: 18px;
    line-height: 40px;
    color: #0963ba;
    background-image: url(../image/c-icn07.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    -o-background-size: 36px;
    background-size: 36px;
    padding-right: 56px
}

.g-titc1 .more:hover {
    opacity: .8;
    background-position: right
}

.g-titc1 .title {
    overflow: hidden
}

.g-titc1 .title h3 {
    font-size: 36px;
    color: #333;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 17px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.g-titc1 .title b {
    display: block;
    width: 60px;
    height: 4px;
    background-color: #4c89e7
}

.row-c2 .info {
    padding-right: 37px
}

.row-c2 .desc {
    font-size: 16px;
    color: #333;
    line-height: 34px;
    margin-bottom: 25px
}

.ul-listc1 {
    overflow: hidden
}

.ul-listc1 li {
    float: left;
    width: 33.33%;
    margin-bottom: 22px;
    font-size: 0
}

.ul-listc1 a {
    display: inline-block;
    background-image: url(../image/c-icn08.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    -o-background-size: 19px;
    background-size: 19px;
    padding-right: 31px;
    font-size: 20px;
    color: #333
}

.ul-listc1 a:hover {
    color: #063e7d;
    background-position: right
}

.row-c2 .r {
    float: right;
    width: 50%;
    background-color: #1958a5
}

.row-c2 .pic {
    position: relative;
    left: -63px;
    bottom: -47px;
    width: 730px;
    border-radius: 10px 0;
    overflow: hidden
}

.row-c2 .pic img {
    display: block;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.row-c2 .pic:hover img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.row-c3 {
    padding: 80px 0 101px;
    background-image: url(../image/c-bg08.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover;
    border-top: 10px solid #afd1f1
}

.row-c3 .info1 {
    margin-bottom: 88px
}

.row-c3 .info1 .l {
    float: left
}

.row-c3 .info1 .l .con {
    width: 855px;
    height: 344px;
    box-shadow: 0 4px 24px rgba(9, 51, 102, .17);
    border-radius: 10px;
    padding: 26px 37px 0 18px;
    background-color: #fff;
    overflow: hidden
}

.row-c3 .info1 .l .pic {
    float: left;
    border-radius: 10px;
    width: 405px;
    margin-right: 33px;
    overflow: hidden
}

.row-c3 .info1 .l .pic img {
    display: block;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.row-c3 .info1 .l .pic:hover img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.row-c3 .info1 .l .txt {
    padding-top: 26px;
    overflow: hidden
}

.row-c3 .info1 .l .desc {
    font-size: 16px;
    color: #333;
    line-height: 34px;
    margin-bottom: 14px
}

.ul-listc2 {
    margin-bottom: 22px;
    overflow: hidden
}

.ul-listc2 li {
    float: left;
    width: 50%;
    font-size: 0
}

.ul-listc2 a {
    display: inline-block;
    font-size: 20px;
    color: #333;
    background-image: url(../image/c-icn08.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    -o-background-size: 19px;
    background-size: 19px;
    padding-right: 31px
}

.ul-listc2 a:hover {
    color: #063e7d;
    background-position: right
}

.row-c3 .info1 .l .more {
    display: inline-block;
    font-size: 18px;
    color: #0963ba;
    line-height: 32px;
    background-image: url(../image/c-icn07.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    -o-background-size: 36px;
    background-size: 36px;
    padding-right: 56px
}

.row-c3 .info1 .l .more:hover {
    opacity: .8;
    background-position: right
}

.row-c3 .info1 .r .con {
    width: 453px
}

.row-c3 .info1 .r .pic {
    position: relative;
    overflow: hidden;
    border-top-right-radius: 10px
}

.row-c3 .info1 .r .pic img {
    display: block;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.row-c3 .info1 .r .con:hover .pic img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.row-c3 .info1 .r .pictxt {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 209px;
    background-image: url(../image/c-icn09.png);
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover;
    font-size: 20px;
    color: #fff;
    line-height: 50px;
    padding-top: 66px;
    padding-left: 38px
}

.row-c3 .info1 .r .tit {
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    background-color: #01437d;
    padding: 0 20px 0 38px
}

.row-c3 .info1 .r .more {
    float: right;
    font-size: 18px;
    color: #fff;
    background-image: url(../image/c-icn05.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    -o-background-size: 36px;
    background-size: 36px;
    padding-right: 55px;
    line-height: 71px
}

.row-c3 .info1 .r .more:hover {
    opacity: .8;
    background-position: right
}

.row-c3 .info1 .r .title {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    line-height: 71px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.row-c3 .info2 .l {
    float: left;
    width: 561px;
    border-radius: 10px;
    background-color: #063e7d;
    padding: 57px 45px 70px 50px;
    color: #fff
}

.row-c3 .info2 .l .tit {
    font-size: 36px;
    color: #fff;
    line-height: 40px;
    font-weight: 700;
    padding-bottom: 30px;
    background-image: url(../image/c-icn10.png);
    background-repeat: no-repeat;
    background-position: bottom;
    -o-background-size: 100% 1px;
    background-size: 100% 1px;
    margin-bottom: 22px
}

.row-c3 .info2 .l .desc {
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    margin-bottom: 20px
}

.ul-listc3 li {
    float: left;
    width: 33.33%
}

.ul-listc3 .con {
    display: block;
    width: 136px;
    height: 136px;
    margin: 0 auto;
    border-radius: 50%;
    padding: 10px;
    position: relative
}

.ul-listc3 .icn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 50%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.ul-listc3 .con:hover .icn {
    border-color: rgba(255, 168, 0, .17)
}

.ul-listc3 .icn b {
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -5px;
    display: block;
    width: 9px;
    height: 9px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    box-shadow: 0 0 18px #fff
}

.ul-listc3 .con:hover .icn b {
    background-color: #ffa800;
    box-shadow: 0 0 18px #ffd880
}

.ul-listc3 li:nth-child(1) .icn {
    -o-animation: 15s linear infinite icnrotatec2;
    animation: 15s linear infinite icnrotatec2;
    -ms-animation: icnrotatec2 linear 15s infinite;
    -moz-animation: 15s linear infinite icnrotatec2;
    -webkit-animation: 15s linear infinite icnrotatec2
}

.ul-listc3 li:nth-child(2) .icn {
    -o-animation: 18s linear infinite icnrotatec2;
    animation: 18s linear infinite icnrotatec2;
    -ms-animation: icnrotatec2 linear 18s infinite;
    -moz-animation: 18s linear infinite icnrotatec2;
    -webkit-animation: 18s linear infinite icnrotatec2
}

.ul-listc3 li:nth-child(3) .icn {
    -o-animation: 20s linear infinite icnrotatec2;
    animation: 20s linear infinite icnrotatec2;
    -ms-animation: icnrotatec2 linear 20s infinite;
    -moz-animation: 20s linear infinite icnrotatec2;
    -webkit-animation: 20s linear infinite icnrotatec2
}

@-o-keyframes icnrotatec2 {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes icnrotatec2 {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes icnrotatec2 {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes icnrotatec2 {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes icnrotatec2 {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ul-listc3 .txt {
    width: 116px;
    height: 116px;
    line-height: 116px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    padding: 0 10px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.ul-listc3 .con:hover .txt {
    border-color: #ffa800
}

.ul-listc3 .txt p {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 29px;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.ul-listc3 .con:hover .txt p {
    color: #ffa800
}

.row-c3 .info2 .r {
    width: 749px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 26px rgba(59, 77, 112, .16);
    overflow: hidden
}

.row-c3 .info2 .r .pic {
    float: right;
    width: 365px;
    overflow: hidden
}

.row-c3 .info2 .r .pic img {
    display: block;
    width: 100%
}

.row-c3 .info2 .r .txt {
    padding: 57px 48px 0;
    height: 508px;
    overflow: hidden
}

.row-c3 .info2 .r .desc {
    font-size: 16px;
    line-height: 34px;
    margin-bottom: 45px
}

@media only screen and (min-width:950px) and (max-width:1580px) {
    .row-c1 {
        padding: 5.569vw 0 .632vw
    }

    .slickc1 .tit {
        top: 3.164vw;
        left: 3.101vw;
        font-size: 2.278vw
    }

    .slickc2 .con {
        padding: 3.291vw 3.101vw
    }

    .slickc2 .txt {
        font-size: 1.012vw;
        line-height: 2.151vw;
        height: 10.75vw
    }

    .slickc2 .more {
        font-size: 1.139vw;
        line-height: 2.025vw;
        -o-background-size: 2.278vw;
        background-size: 2.278vw;
        padding-right: 3.481vw
    }

    .ul-slickdotc1 .con {
        padding: 1.835vw 0
    }

    .ul-slickdotc1 .l1 .con {
        height: 13.86vw
    }

    .ul-slickdotc1 .l2 .con {
        height: 15.82vw
    }

    .ul-slickdotc1 .l3 .con {
        height: 12.65vw
    }

    .ul-slickdotc1 .l4 .con {
        height: 15vw
    }

    .ul-slickdotc1 .tit {
        width: 1.265vw;
        font-size: 1.265vw
    }

    .row-c2 {
        padding: 12.65vw 0 6.329vw
    }

    .row-c2 .l {
        border-radius: .632vw 0 0 .632vw;
        padding: 3.544vw 7.594vw 2.848vw 3.164vw
    }

    .g-titc1 {
        margin-bottom: 1.265vw
    }

    .g-titc1 .more {
        font-size: 1.139vw;
        line-height: 2.531vw;
        -o-background-size: 2.278vw;
        background-size: 2.278vw;
        padding-right: 3.544vw
    }

    .g-titc1 .title h3 {
        font-size: 2.278vw;
        line-height: 2.531vw;
        margin-bottom: 1.075vw
    }

    .g-titc1 .title b {
        width: 3.797vw;
        height: .253vw
    }

    .row-c2 .info {
        padding-right: 2.341vw
    }

    .row-c2 .desc {
        font-size: 1.012vw;
        line-height: 2.151vw;
        margin-bottom: 1.582vw
    }

    .ul-listc1 li {
        margin-bottom: 1.392vw
    }

    .ul-listc1 a {
        -o-background-size: 1.202vw;
        background-size: 1.202vw;
        padding-right: 1.962vw;
        font-size: 1.265vw
    }

    .row-c2 .pic {
        left: -3.987vw;
        bottom: -2.974vw;
        width: 46.2vw;
        border-radius: .632vw 0
    }

    .row-c3 {
        padding: 5.063vw 0 6.392vw;
        border-top: solid #afd1f1
    }

    .row-c3 .info1 {
        margin-bottom: 5.569vw
    }

    .row-c3 .info1 .l .con {
        width: 54.11vw;
        height: 21.77vw;
        padding: 1.202vw 2.341vw 1.265vw 1.139vw
    }

    .row-c3 .info1 .l .pic {
        border-radius: .632vw;
        width: 25.63vw;
        margin-right: 2.088vw
    }

    .row-c3 .info1 .l .txt {
        padding-top: 1.645vw
    }

    .row-c3 .info1 .l .desc {
        font-size: 1.012vw;
        line-height: 2.151vw;
        margin-bottom: .886vw
    }

    .ul-listc2 {
        margin-bottom: 1.392vw
    }

    .ul-listc2 a {
        font-size: 1.265vw;
        -o-background-size: 1.202vw;
        background-size: 1.202vw;
        padding-right: 1.962vw
    }

    .row-c3 .info1 .l .more {
        font-size: 1.139vw;
        line-height: 2.025vw;
        -o-background-size: 2.278vw;
        background-size: 2.278vw;
        padding-right: 3.544vw
    }

    .row-c3 .info1 .r .con {
        width: 28.67vw
    }

    .row-c3 .info1 .r .pic {
        border-top-right-radius: .632vw
    }

    .row-c3 .info1 .r .pictxt {
        width: 13.22vw;
        font-size: 1.265vw;
        line-height: 3.164vw;
        padding-top: 4.177vw;
        padding-left: 2.405vw
    }

    .row-c3 .info1 .r .tit {
        border-radius: 0 0 .632vw .632vw;
        padding: 0 1.265vw 0 2.405vw
    }

    .row-c3 .info1 .r .more {
        font-size: 1.139vw;
        -o-background-size: 2.278vw;
        background-size: 2.278vw;
        padding-right: 3.481vw;
        line-height: 4.493vw
    }

    .row-c3 .info1 .r .title {
        font-size: 2.278vw;
        line-height: 4.493vw
    }

    .row-c3 .info2 .l {
        width: 35.5vw;
        border-radius: .632vw;
        padding: 3.607vw 2.848vw 4.43vw 3.164vw
    }

    .row-c3 .info2 .l .tit {
        font-size: 2.278vw;
        line-height: 2.531vw;
        padding-bottom: 1.898vw;
        margin-bottom: 1.392vw
    }

    .row-c3 .info2 .l .desc {
        font-size: 1.012vw;
        line-height: 2.151vw;
        margin-bottom: 1.265vw
    }

    .ul-listc3 .con {
        width: 8.607vw;
        height: 8.607vw;
        padding: .632vw
    }

    .ul-listc3 .icn b {
        left: -.316vw;
        margin-top: -.316vw;
        width: .569vw;
        height: .569vw
    }

    .ul-listc3 .txt {
        width: 7.341vw;
        height: 7.341vw;
        line-height: 7.341vw;
        padding: 0 .632vw
    }

    .ul-listc3 .txt p {
        font-size: 1.265vw;
        line-height: 1.835vw
    }

    .row-c3 .info2 .r {
        width: 47.4vw
    }

    .row-c3 .info2 .r .pic {
        width: 23.1vw
    }

    .row-c3 .info2 .r .txt {
        padding: 3.607vw 3.037vw 0;
        height: 32.15vw
    }

    .row-c3 .info2 .r .desc {
        font-size: 1.012vw;
        line-height: 2.151vw;
        margin-bottom: 2.848vw
    }
}

@media only screen and (max-width:950px) {
    .row-c1 {
        padding: 15px 0
    }

    .row-c1 .l {
        width: 100%
    }

    .slickc1 .tit {
        top: 15px;
        left: 15px;
        font-size: 16px
    }

    .row-c1 .r {
        width: 100%
    }

    .slickc2 .con {
        padding: 15px
    }

    .slickc2 .txt {
        font-size: 14px;
        line-height: 2;
        height: auto
    }

    .slickc2 .more {
        font-size: 14px;
        line-height: 30px;
        -o-background-size: 20px;
        background-size: 20px;
        padding-right: 30px
    }

    .ul-slickdotc1 .con {
        padding: 15px 0
    }

    .ul-slickdotc1 .l1 .con {
        height: 219px
    }

    .ul-slickdotc1 .l2 .con {
        height: 250px
    }

    .ul-slickdotc1 .l3 .con {
        height: 200px
    }

    .ul-slickdotc1 .l4 .con {
        height: 237px
    }

    .ul-slickdotc1 .tit {
        width: 14px;
        font-size: 18px
    }

    .row-c2 {
        padding: 15px 0
    }

    .row-c2 .l {
        float: none;
        width: 100%;
        border-radius: 5px 5px 0 0;
        padding: 15px 15px 5px;
        box-shadow: 0 0 15px rgba(0, 0, 0, .1)
    }

    .g-titc1 {
        margin-bottom: 10px
    }

    .g-titc1 .more {
        font-size: 14px;
        line-height: 26px;
        -o-background-size: 20px;
        background-size: 20px;
        padding-right: 30px
    }

    .g-titc1 .title h3 {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px
    }

    .g-titc1 .title b {
        width: 40px;
        height: 3px;
        border-radius: 2px
    }

    .row-c2 .info {
        padding-right: 0
    }

    .row-c2 .desc {
        font-size: 14px;
        line-height: 2;
        margin-bottom: 15px
    }

    .ul-listc1 li {
        margin-bottom: 10px
    }

    .ul-listc1 a {
        -o-background-size: 18px;
        background-size: 18px;
        padding-right: 30px;
        font-size: 14px
    }

    .row-c2 .r {
        float: none;
        width: 100%
    }

    .row-c2 .pic {
        left: 0;
        bottom: 0;
        width: 100%;
        border-radius: 0 0 5px 5px
    }

    .row-c3 {
        padding: 15px 0;
        border-top: 4px solid #afd1f1
    }

    .row-c3 .info1 {
        margin-bottom: 15px
    }

    .row-c3 .info1 .l {
        float: none;
        margin-bottom: 15px
    }

    .row-c3 .info1 .l .con {
        width: 100%;
        height: auto;
        padding: 15px
    }

    .row-c3 .info1 .l .pic {
        border-radius: 5px;
        width: 25.63vw;
        min-width: 150px;
        margin-right: 15px
    }

    .row-c3 .info1 .l .txt {
        padding-top: 5px
    }

    .row-c3 .info1 .l .desc {
        font-size: 14px;
        line-height: 2;
        margin-bottom: 5px
    }

    .ul-listc2 {
        margin-bottom: 5px
    }

    .ul-listc2 a {
        font-size: 14px;
        -o-background-size: 16px;
        background-size: 16px;
        padding-right: 24px
    }

    .row-c3 .info1 .l .more {
        font-size: 14px;
        line-height: 30px;
        -o-background-size: 20px;
        background-size: 20px;
        padding-right: 30px
    }

    .row-c3 .info1 .r {
        float: none
    }

    .row-c3 .info1 .r .con {
        width: 100%
    }

    .row-c3 .info1 .r .pic {
        border-top-right-radius: 5px
    }

    .row-c3 .info1 .r .pictxt {
        width: 16%;
        font-size: 14px;
        line-height: 10vw;
        padding-top: 14%;
        padding-left: 15px;
        background-image: none;
        background-color: rgba(1, 67, 125, 0.6);
    }

    .row-c3 .info1 .r .tit {
        border-radius: 0 0 5px 5px;
        padding: 0 15px
    }

    .row-c3 .info1 .r .more {
        font-size: 14px;
        -o-background-size: 20px;
        background-size: 20px;
        padding-right: 30px;
        line-height: 40px
    }

    .row-c3 .info1 .r .title {
        font-size: 16px;
        line-height: 40px
    }

    .row-c3 .info2 .l {
        float: none;
        width: 100%;
        border-radius: 5px;
        padding: 15px;
        margin-bottom: 15px
    }

    .row-c3 .info2 .l .tit {
        font-size: 16px;
        line-height: 30px;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .row-c3 .info2 .l .desc {
        font-size: 14px;
        line-height: 2;
        margin-bottom: 10px
    }

    .ul-listc3 .con {
        width: 24vw;
        height: 24vw;
        padding: 1vw
    }

    .ul-listc3 .icn b {
        left: -3px;
        margin-top: -3px;
        width: 6px;
        height: 6px
    }

    .ul-listc3 .txt {
        width: 22vw;
        height: 22vw;
        line-height: 22vw;
        padding: 0 1vw
    }

    .ul-listc3 .txt p {
        font-size: 14px;
        line-height: 1.5
    }

    .row-c3 .info2 .r {
        float: none;
        width: 100%
    }

    .row-c3 .info2 .r .pic {
        width: 35vw;
        min-width: 150px
    }

    .row-c3 .info2 .r .txt {
        padding: 15px;
        height: 48.7vw
    }

    .row-c3 .info2 .r .desc {
        font-size: 14px;
        line-height: 2;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:560px) {
    .row-c3 .info1 .l .pic {
        float: none;
        width: 100%;
        margin: 0 0 15px
    }

    .row-c3 .info1 .l .txt {
        padding: 0
    }

    .row-c3 .info2 .r .pic {
        float: none;
        width: 100%
    }

    .row-c3 .info2 .r .txt {
        height: auto
    }
}

.row-c4 {
    padding: 63px 0 60px
}

.row-c4 .con {
    overflow: hidden
}

.row-c4 .pic {
    float: left;
    width: 646px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 40px
}

.row-c4 .pic img {
    display: block;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.row-c4 .pic:hover img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.row-c4 .txt {
    padding-top: 15px;
    overflow: hidden
}

.row-c4 .tit {
    font-size: 36px;
    color: #333;
    font-weight: 700;
    line-height: 40px;
    border-bottom: 1px solid #647e9e;
    padding-bottom: 23px;
    margin-bottom: 22px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.row-c4 .desc {
    font-size: 15px;
    line-height: 2;
    color: #333;
    text-indent: 2em
}

.row-c5 {
    padding: 100px 0 134px;
    background-image: url(../image/c-bg09.jpg);
    background-repeat: no-repeat;
    background-position: top;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.row-c5 .desc {
    float: left;
    width: 700px;
    font-size: 15px;
    line-height: 2;
    color: #fff
}

.row-c5 .icnbox {
    float: right;
    width: 655px;
    position: relative
}

.row-c5 .icn {
    position: absolute;
    cursor: pointer
}

.row-c5 .icn b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid rgba(255, 255, 255, .17);
    border-radius: 50%;
    -o-animation: 20s linear infinite icnrotatec2;
    animation: 20s linear infinite icnrotatec2;
    -ms-animation: icnrotatec2 linear 20s infinite;
    -moz-animation: 20s linear infinite icnrotatec2;
    -webkit-animation: 20s linear infinite icnrotatec2;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.row-c5 .icn:hover b {
    border-color: rgba(255, 165, 0, .17)
}

.row-c5 .icn b::after {
    content: '';
    position: absolute;
    left: -6px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 18px #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.row-c5 .icn:hover b::after {
    background-color: #ffa800;
    box-shadow: 0 0 18px #ffa800
}

.row-c5 .icn1 {
    left: 0;
    top: 0;
    width: 142px;
    height: 142px;
    padding: 22px
}

.row-c5 .icn2 {
    left: 175px;
    top: 0;
    width: 196px;
    height: 196px;
    padding: 32px
}

.row-c5 .icn2 b::after {
    left: 50%;
    top: -6px;
    margin: 0 0 0 -4px
}

.row-c5 .icn3 {
    left: 392px;
    top: 0;
    width: 219px;
    height: 219px;
    padding: 35px
}

.row-c5 .icn3 b::after {
    left: auto;
    right: -6px
}

.row-c5 .icn4 {
    left: -37px;
    top: 158px;
    width: 256px;
    height: 256px;
    padding: 41px
}

.row-c5 .icn4 b::after {
    bottom: -6px;
    top: auto;
    left: 50%;
    margin: 0 0 0 -4px
}

.row-c5 .icn5 {
    left: 252px;
    top: 203px;
    width: 196px;
    height: 196px;
    padding: 27px
}

.row-c5 .icn .txt {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 1.3;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.row-c5 .icn:hover .txt {
    color: #ffa800;
    border-color: #ffa800
}

.row-c5 .icn1 .txt {
    padding-top: 22px;
    font-size: 12px
}

.row-c5 .icn2 .txt {
    padding-top: 32px;
    font-size: 16px
}

.row-c5 .icn3 .txt {
    padding-top: 40px;
    font-size: 18px
}

.row-c5 .icn4 .txt {
    padding-top: 50px;
    font-size: 20px
}

.row-c5 .icn5 .txt {
    padding-top: 34px;
    font-size: 12px
}

.row-c5 .icn .txt::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .46);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.row-c5 .icn:hover .txt::after {
    border-color: rgba(255, 165, 0, .45)
}

@font-face {
    font-family: impact1;
    src: url(../font/IMPACT.TTF) format("truetype")
}

.row-c5 .icn .txt span {
    font-family: impact1
}

.row-c5 .icn1 .txt span {
    font-size: 20px
}

.row-c5 .icn2 .txt span {
    font-size: 31px
}

.row-c5 .icn3 .txt span {
    font-size: 32px
}

.row-c5 .icn4 .txt span {
    font-size: 31px
}

.row-c5 .icn5 .txt span {
    font-size: 24px
}

.row-c6 {
    padding: 34px 0 101px;
    overflow: hidden
}

.row-c6 .pic {
    float: right;
    width: 635px;
    overflow: hidden;
    border-radius: 10px;
    margin-left: 40px
}

.row-c6 .pic img {
    display: block;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.row-c6 .pic:hover img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.row-c6 .txt {
    font-size: 15px;
    line-height: 2;
    color: #333;
    overflow: hidden;
    text-indent: 2em;
    padding-bottom: 40px;
    background-image: url(../image/c-bg10.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    -o-background-size: 100% 16px;
    background-size: 100% 16px
}

.row-c6 .txt p:last-child {
    text-align: right
}

@media only screen and (min-width:950px) and (max-width:1580px) {
    .row-c4 {
        padding: 3.987vw 0 3.797vw
    }

    .row-c4 .pic {
        width: 40.88vw;
        border-radius: .632vw;
        margin-right: 2.531vw
    }

    .row-c4 .txt {
        padding-top: .949vw
    }

    .row-c4 .tit {
        font-size: 2.278vw;
        line-height: 2.531vw;
        padding-bottom: 1.455vw;
        margin-bottom: 1.392vw
    }

    .row-c4 .desc {
        font-size: .949vw
    }

    .row-c5 {
        padding: 6.329vw 0 8.481vw
    }

    .row-c5 .desc {
        width: 44.3vw;
        font-size: .949vw
    }

    .row-c5 .icnbox {
        width: 41.45vw
    }

    .row-c5 .icn b::after {
        left: -.379vw;
        width: .506vw;
        height: .506vw;
        margin-top: -.253vw;
        box-shadow: 0 0 1.139vw #fff
    }

    .row-c5 .icn1 {
        width: 8.987vw;
        height: 8.987vw;
        padding: 1.392vw
    }

    .row-c5 .icn2 {
        left: 11.07vw;
        width: 12.4vw;
        height: 12.4vw;
        padding: 2.025vw
    }

    .row-c5 .icn2 b::after {
        left: 50%;
        top: -.379vw;
        margin-left: -.253vw
    }

    .row-c5 .icn3 {
        left: 24.81vw;
        width: 13.86vw;
        height: 13.86vw;
        padding: 2.215vw
    }

    .row-c5 .icn3 b::after {
        right: -.379vw
    }

    .row-c5 .icn4 {
        left: -2.341vw;
        top: 10vw;
        width: 16.2vw;
        height: 16.2vw;
        padding: 2.594vw
    }

    .row-c5 .icn4 b::after {
        left: 50%;
        bottom: -.379vw;
        margin-left: -.253vw
    }

    .row-c5 .icn5 {
        left: 15.94vw;
        top: 12.84vw;
        width: 12.4vw;
        height: 12.4vw;
        padding: 1.708vw
    }

    .row-c5 .icn1 .txt {
        padding-top: 1.392vw;
        font-size: .759vw
    }

    .row-c5 .icn2 .txt {
        padding-top: 2.025vw;
        font-size: 1.012vw
    }

    .row-c5 .icn3 .txt {
        padding-top: 2.531vw;
        font-size: 1.139vw
    }

    .row-c5 .icn4 .txt {
        padding-top: 3.164vw;
        font-size: 1.265vw
    }

    .row-c5 .icn5 .txt {
        padding-top: 2.151vw;
        font-size: .759vw
    }

    .row-c5 .icn .txt::after {
        top: -.316vw;
        left: -.316vw;
        right: -.316vw;
        bottom: -.316vw
    }

    .row-c5 .icn1 .txt span {
        font-size: 1.265vw
    }

    .row-c5 .icn2 .txt span {
        font-size: 1.962vw
    }

    .row-c5 .icn3 .txt span {
        font-size: 2.025vw
    }

    .row-c5 .icn4 .txt span {
        font-size: 1.962vw
    }

    .row-c5 .icn5 .txt span {
        font-size: 1.518vw
    }

    .row-c6 {
        padding: 2.151vw 0 6.392vw
    }

    .row-c6 .pic {
        width: 40.18vw;
        border-radius: .632vw;
        margin-left: 2.531vw
    }

    .row-c6 .txt {
        font-size: .949vw;
        padding-bottom: 2.531vw;
        -o-background-size: 100% 1.012vw;
        background-size: 100% 1.012vw
    }
}

@media only screen and (max-width:950px) {
    .row-c4 {
        padding: 15px 0
    }

    .row-c4 .pic {
        float: none;
        width: 100%;
        border-radius: 5px;
        margin: 0 0 15px
    }

    .row-c4 .txt {
        padding-top: 0
    }

    .row-c4 .tit {
        font-size: 16px;
        line-height: 30px;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .row-c4 .desc {
        font-size: 14px
    }

    .row-c5 {
        padding: 15px 0
    }

    .row-c5 .desc {
        float: none;
        width: 100%;
        font-size: 14px;
        margin-bottom: 15px
    }

    .row-c5 .icnbox {
        float: none;
        width: 368px;
        margin: 0 auto;
        height: 300px
    }

    .row-c5 .icn b {
        border-width: 2px
    }

    .row-c5 .icn b::after {
        left: -4px;
        width: 6px;
        height: 6px;
        margin-top: -3px;
        box-shadow: 0 0 15px #fff
    }

    .row-c5 .icn1 {
        width: 85px;
        height: 85px;
        padding: 10px
    }

    .row-c5 .icn2 {
        left: 100px;
        width: 115px;
        height: 115px;
        padding: 12px
    }

    .row-c5 .icn2 b::after {
        left: 50%;
        top: -2px;
        margin-left: -3px
    }

    .row-c5 .icn3 {
        left: 230px;
        width: 130px;
        height: 130px;
        padding: 13px
    }

    .row-c5 .icn3 b::after {
        right: -3px
    }

    .row-c5 .icn4 {
        left: -12px;
        top: 100px;
        width: 150px;
        height: 150px;
        padding: 15px
    }

    .row-c5 .icn4 b::after {
        left: 50%;
        bottom: -3px;
        margin-left: -3px
    }

    .row-c5 .icn5 {
        left: 153px;
        top: 120px;
        width: 115px;
        height: 115px;
        padding: 12px
    }

    .row-c5 .icn .txt {
        border-width: 1px
    }

    .row-c5 .icn1 .txt {
        padding-top: 16px;
        font-size: 12px
    }

    .row-c5 .icn2 .txt {
        padding-top: 20px;
        font-size: 13px
    }

    .row-c5 .icn3 .txt {
        padding-top: 25px;
        font-size: 14px
    }

    .row-c5 .icn4 .txt {
        padding-top: 30px;
        font-size: 15px
    }

    .row-c5 .icn5 .txt {
        padding-top: 22px;
        font-size: 12px
    }

    .row-c5 .icn .txt::after {
        top: -.316vw;
        left: -.316vw;
        right: -.316vw;
        bottom: -.316vw
    }

    .row-c5 .icn1 .txt span {
        font-size: 1.265vw
    }

    .row-c5 .icn2 .txt span {
        font-size: 1.962vw
    }

    .row-c5 .icn3 .txt span {
        font-size: 2.025vw
    }

    .row-c5 .icn4 .txt span {
        font-size: 1.962vw
    }

    .row-c5 .icn5 .txt span {
        font-size: 1.518vw
    }

    .row-c6 {
        padding: 15px 0
    }

    .row-c6 .pic {
        float: none;
        width: 100%;
        border-radius: 5px;
        margin: 0 0 15px
    }

    .row-c6 .txt {
        font-size: 14px;
        padding-bottom: 15px;
        -o-background-size: 100% 8px;
        background-size: 100% 8px
    }
}

@media only screen and (max-width:750px) {
    .row-c5 {
        padding: 15px 0 120px;
    }

    .row-c6 {
        padding: 15px 0;
        margin-top: -110px;
    }
}

.row-c7 {
    padding: 86px 0 45px;
    overflow: hidden
}

.row-c7 .l {
    float: left;
    width: 39.29%;
    background-color: #104e93;
    padding-bottom: 44px;
    background-image: url(../image/c-bg10.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    -o-background-size: 100% 16px;
    background-size: 100% 16px
}

.row-c7 .pic {
    position: relative;
    z-index: 2;
    width: 818px;
    overflow: hidden
}

.row-c7 .pic img {
    display: block;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.row-c7 .pic:hover img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.row-c7 .r {
    float: right;
    width: 60.71%
}

.row-c7 .txt {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 26px rgba(59, 77, 112, .16);
    padding: 57px 58px 53px 328px
}

.row-c7 .desc {
    font-size: 16px;
    line-height: 34px;
    margin-bottom: 30px
}

.row-c7 .more {
    display: inline-block;
    font-size: 18px;
    line-height: 40px;
    color: #0963ba;
    background-image: url(../image/c-icn07.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    -o-background-size: 36px;
    background-size: 36px;
    padding-right: 56px
}

.row-c7 .more:hover {
    opacity: .8;
    background-position: right
}

.row-c8 {
    padding: 175px 0 96px;
    background-image: url(../image/c-bg11.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.row-c8 .l {
    float: left
}

.row-c8 .l .con {
    width: 962px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 48px 44px;
    font-size: 0
}

.row-c8 .l .pic {
    display: inline-block;
    vertical-align: middle;
    width: 348px;
    margin-right: 42px;
    overflow: hidden;
    border-radius: 10px
}

.row-c8 .l .pic img {
    display: block;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.row-c8 .l .pic:hover img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.row-c8 .l .txt {
    display: inline-block;
    vertical-align: middle;
    width: 484px;
    overflow: hidden
}

.row-c8 .l .desc {
    font-size: 16px;
    line-height: 34px;
    color: #333;
    margin-bottom: 36px
}

.row-c8 .l .more {
    display: inline-block;
    background-image: url(../image/c-icn11.png);
    background-repeat: no-repeat;
    background-position: right 12px center;
    -o-background-size: 28px;
    background-size: 28px;
    font-size: 14px;
    color: #fff;
    line-height: 29px;
    background-color: #1e63b5;
    border-radius: 50px;
    padding: 0 44px 0 15px
}

.row-c8 .l .more:hover {
    opacity: .8
}

.row-c8 .r {
    float: right
}

.row-c8 .r .con {
    width: 348px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden
}

.row-c8 .r .txt {
    padding: 38px 40px 34px 64px;
    position: relative
}

.row-c8 .r .txt::after {
    content: '';
    position: absolute;
    left: 42px;
    top: 44px;
    width: 4px;
    height: 60px;
    background-color: #4c89e7;
    border-radius: 50px
}

.row-c8 .r .tit {
    font-size: 36px;
    color: #333;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 12px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.row-c8 .r .more {
    display: inline-block;
    font-size: 18px;
    line-height: 40px;
    color: #0963ba;
    background-image: url(../image/c-icn07.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    -o-background-size: 36px;
    background-size: 36px;
    padding-right: 56px
}

.row-c8 .r .more:hover {
    opacity: .8;
    background-position: right
}

.row-c8 .r .pic {
    overflow: hidden
}

.row-c8 .r .pic img {
    display: block;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.row-c8 .r .pic:hover img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.row-c9 {
    padding: 79px 0 101px;
    overflow: hidden
}

.row-c9 .l {
    float: left
}

.row-c9 .l .con {
    width: 838px;
    background-image: url(../image/c-bg12.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 26px rgba(59, 77, 112, .16);
    padding: 39px 0 39px 60px
}

.row-c9 .l .tit {
    float: left;
    width: 280px;
    padding-top: 34px
}

.row-c9 .l .title {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.row-c9 .l b {
    display: block;
    width: 60px;
    height: 4px;
    background-color: #4c89e7;
    border-radius: 50px;
    margin-bottom: 26px
}

.row-c9 .l .more {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    background-image: url(../image/c-icn12.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    -o-background-size: 36px;
    background-size: 36px;
    padding-right: 55px
}

.row-c9 .l .more:hover {
    opacity: .8;
    background-position: right
}

.ul-listc4 {
    padding-left: 50px;
    overflow: hidden
}

.ul-listc4 li {
    float: left;
    width: 50%
}

.ul-listc4 a {
    display: inline-block;
    background-image: url(../image/c-icn11.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    -o-background-size: 28px;
    background-size: 28px;
    padding-right: 40px;
    font-size: 20px;
    color: #fff;
    line-height: 68px
}

.ul-listc4 a:hover {
    opacity: .8;
    background-position: right
}

.row-c9 .r {
    float: right
}

.row-c9 .r .con {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 26px rgba(59, 77, 112, .16);
    overflow: hidden
}

.row-c9 .r .pic {
    float: right;
    width: 233px;
    height: 283px;
    overflow: hidden
}

.row-c9 .r .pic img {
    display: block;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.row-c9 .r .pic:hover img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
}

.row-c9 .r .txt {
    padding: 75px 49px 0;
    height: 283px;
    overflow: hidden
}

.row-c9 .r b {
    border-radius: 2px
}

.row-c9 .r .more {
    display: inline-block;
    font-size: 18px;
    line-height: 40px;
    color: #0963ba;
    background-image: url(../image/c-icn07.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    -o-background-size: 36px;
    background-size: 36px;
    padding-right: 56px
}

.row-c9 .r .more:hover {
    opacity: .8;
    background-position: right
}

@media only screen and (min-width:950px) and (max-width:1580px) {
    .row-c7 {
        padding: 5.443vw 0 2.848vw
    }

    .row-c7 .l {
        padding-bottom: 2.784vw;
        -o-background-size: 100% 1.012vw;
        background-size: 100% 1.012vw
    }

    .row-c7 .pic {
        width: 51.77vw
    }

    .row-c7 .txt {
        border-radius: .632vw;
        padding: 3.607vw 3.67vw 3.354vw 20.75vw
    }

    .row-c7 .desc {
        font-size: 1.012vw;
        line-height: 2.151vw;
        margin-bottom: 1.898vw
    }

    .row-c7 .more {
        font-size: 1.139vw;
        line-height: 2.531vw;
        -o-background-size: 2.278vw;
        background-size: 2.278vw;
        padding-right: 3.544vw
    }

    .row-c8 {
        padding: 11.07vw 0 6.075vw
    }

    .row-c8 .l .con {
        width: 60.88vw;
        border-radius: .632vw;
        padding: 3.037vw 2.784vw
    }

    .row-c8 .l .pic {
        width: 22.02vw;
        margin-right: 2.658vw;
        border-radius: .632vw
    }

    .row-c8 .l .txt {
        width: 30.63vw
    }

    .row-c8 .l .desc {
        font-size: 1.012vw;
        line-height: 2.151vw;
        margin-bottom: 2.278vw
    }

    .row-c8 .l .more {
        background-position: right .759vw center;
        -o-background-size: 1.772vw;
        background-size: 1.772vw;
        font-size: .886vw;
        line-height: 1.835vw;
        padding: 0 2.784vw 0 .949vw
    }

    .row-c8 .r .con {
        width: 22.02vw;
        border-radius: .632vw
    }

    .row-c8 .r .txt {
        padding: 2.405vw 2.531vw 2.151vw 4.050vw
    }

    .row-c8 .r .txt::after {
        left: 2.658vw;
        top: 2.784vw;
        width: .253vw;
        height: 3.797vw
    }

    .row-c8 .r .tit {
        font-size: 2.278vw;
        line-height: 2.531vw;
        margin-bottom: .759vw
    }

    .row-c8 .r .more {
        font-size: 1.139vw;
        line-height: 2.531vw;
        -o-background-size: 2.278vw;
        background-size: 2.278vw;
        padding-right: 3.544vw
    }

    .row-c9 {
        padding: 5vw 0 6.392vw
    }

    .row-c9 .l .con {
        width: 53.03vw;
        border-radius: .632vw;
        padding: 2.468vw 0 2.468vw 3.797vw
    }

    .row-c9 .l .tit {
        width: 17.72vw;
        padding-top: 2.151vw
    }

    .row-c9 .l .title {
        font-size: 2.278vw;
        line-height: 2.531vw;
        margin-bottom: 1.265vw
    }

    .row-c9 .l b {
        width: 3.797vw;
        height: .253vw;
        margin-bottom: 1.645vw
    }

    .row-c9 .l .more {
        font-size: 1.139vw;
        line-height: 2.025vw;
        -o-background-size: 2.278vw;
        background-size: 2.278vw;
        padding-right: 3.481vw
    }

    .ul-listc4 {
        padding-left: 3.164vw
    }

    .ul-listc4 a {
        -o-background-size: 1.772vw;
        background-size: 1.772vw;
        padding-right: 2.531vw;
        font-size: 1.265vw;
        line-height: 4.303vw
    }

    .row-c9 .r .con {
        border-radius: .632vw
    }

    .row-c9 .r .pic {
        width: 14.74vw;
        height: 17.91vw
    }

    .row-c9 .r .txt {
        padding: 4.746vw 3.101vw 0;
        height: 17.91vw
    }

    .row-c9 .r .more {
        font-size: 1.139vw;
        line-height: 2.531vw;
        -o-background-size: 2.278vw;
        background-size: 2.278vw;
        padding-right: 3.544vw
    }
}

@media only screen and (max-width:950px) {
    .row-c7 {
        padding: 15px 0
    }

    .row-c7 .l {
        float: none;
        width: 100%;
        padding-bottom: 15px;
        -o-background-size: 100% 6px;
        background-size: 100% 6px
    }

    .row-c7 .pic {
        width: 100%
    }

    .row-c7 .r {
        float: none;
        width: 100%
    }

    .row-c7 .txt {
        border-radius: 5px;
        padding: 15px
    }

    .row-c7 .desc {
        font-size: 14px;
        line-height: 2;
        margin-bottom: 10px
    }

    .row-c7 .more {
        font-size: 14px;
        line-height: 2;
        -o-background-size: 20px;
        background-size: 20px;
        padding-right: 30px
    }

    .row-c8 {
        padding: 15px 0
    }

    .row-c8 .l {
        float: none;
        margin-bottom: 15px
    }

    .row-c8 .l .con {
        width: 100%;
        border-radius: 5px;
        padding: 15px;
        box-shadow: 0 0 15px rgba(0, 0, 0, .2)
    }

    .row-c8 .l .pic {
        width: 22.02vw;
        min-width: 150px;
        margin-right: 15px;
        border-radius: 5px
    }

    .row-c8 .l .txt {
        width: -webkit-calc(100% - 45px - 22.02vw);
        width: -moz-calc(100% - 45px - 22.02vw);
        width: calc(100% - 45px - 22.02vw)
    }

    .row-c8 .l .desc {
        font-size: 14px;
        line-height: 2;
        margin-bottom: 10px
    }

    .row-c8 .l .more {
        background-position: right 10px center;
        -o-background-size: 22px;
        background-size: 22px;
        font-size: 14px;
        line-height: 2;
        padding: 0 40px 0 10px
    }

    .row-c8 .r {
        float: none
    }

    .row-c8 .r .con {
        width: 100%;
        border-radius: 5px
    }

    .row-c8 .r .txt {
        padding: 15px
    }

    .row-c8 .r .txt::after {
        left: 8px;
        top: 22px;
        width: 2px;
        height: 30px
    }

    .row-c8 .r .tit {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 0
    }

    .row-c8 .r .more {
        font-size: 14px;
        line-height: 2;
        -o-background-size: 20px;
        background-size: 20px;
        padding-right: 30px
    }

    .row-c9 {
        padding: 15px 0
    }

    .row-c9 .l {
        float: none;
        margin-bottom: 15px
    }

    .row-c9 .l .con {
        width: 100%;
        border-radius: 5px;
        padding: 15px
    }

    .row-c9 .l .tit {
        width: 40%;
        padding-top: 10px
    }

    .row-c9 .l .title {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 10px
    }

    .row-c9 .l b {
        width: 40px;
        height: 2px;
        margin-bottom: 10px
    }

    .row-c9 .l .more {
        font-size: 14px;
        line-height: 2;
        -o-background-size: 20px;
        background-size: 20px;
        padding-right: 30px
    }

    .ul-listc4 {
        padding-left: 15px
    }

    .ul-listc4 a {
        -o-background-size: 18px;
        background-size: 18px;
        padding-right: 23px;
        font-size: 14px;
        line-height: 2
    }

    .row-c9 .r {
        float: none
    }

    .row-c9 .r .con {
        border-radius: 5px
    }

    .row-c9 .r .pic {
        width: auto;
        height: 29.78vw;
        min-height: 150px
    }

    .row-c9 .r .txt {
        padding: 15px 15px 0;
        height: 29.78vw
    }

    .row-c9 .r .more {
        font-size: 14px;
        line-height: 2;
        -o-background-size: 20px;
        background-size: 20px;
        padding-right: 30px
    }
}

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

    .row-c8 .l .pic,
    .row-c8 .r .pic,
    .zsbox .jxjyimg {
        width: 100%;
        margin: 0 0 15px;
        height: 180px
    }

    .row-c8 .l .pic img,
    .row-c8 .r .pic img,
    .zsbox .jxjyimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .row-c9 .l .tit {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 15px
    }

    .row-c8 .r .pic {
        margin-bottom: 0
    }

    .row-c8 .l .txt {
        width: 100%
    }

    .ul-listc4 {
        padding: 0
    }

    .zsbox .jxjytxt::before {
        left: 13px;
    }

    .zsbox .jxjytxt {
        padding-left: 25px
    }

    .zsbox .jyfw {
        padding: 0;
    }

    .zsbox .jyfw .jyfwtxt {
        padding: 5px 25px;
    }

}

.main-e1,
.main-e2,
.row-e2 {
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover
}

.m-tab-e1 {
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    padding: 89px 0 72px
}

.m-tabBox1 .col-l {
    width: 98px;
    overflow: hidden
}

.ul-tab-e1.on {
    position: fixed;
    top: 10%
}

.m-tabBox1 .col-r {
    width: 88.6%;
    overflow: hidden;
    background-color: #fff;
    box-shadow: -1px 4px 30px 0 rgba(62, 81, 110, .26);
    border-radius: 10px
}

.m-tabBox1 .m-infoCon {
    text-align: center;
    padding: 198px 0 240px
}

.m-tabBox1 .m-infoCon .con {
    overflow: hidden
}

.m-tabBox1 .m-infoCon .tit2 {
    margin-bottom: 53px
}

.m-tabBox1 .m-infoCon1 {
    padding: 91px 0 103px
}

.m-tabBox1 .m-infoCon2 {
    padding: 91px 0 41px
}

.m-tabBox1 .m-infoCon3 {
    padding: 91px 0 137px
}

.m-tabBox1 .m-infoCon2 .info .load {
    margin-bottom: 35px
}

.m-tabBox1 .m-infoCon1 .info .load {
    margin-bottom: 49px
}

.m-tabBox1 .m-infoCon .tit1,
.m-tabBox1 .m-infoCon2 .m-txt {
    margin-bottom: 40px
}

.ul-tab-e1 li {
    margin-bottom: 29px
}

.ul-tab-e1 .con {
    display: block;
    text-align: center
}

.ul-tab-e1 .con .desc {
    padding: 25px 0 5px;
    border: 1px dotted transparent;
    border-bottom: none
}

.ul-tab-e1 li.on .con .desc {
    border: 1px dotted #4474c4;
    border-bottom: none
}

.ul-tab-e1 .pic {
    height: 41px;
    text-align: center;
    overflow: hidden
}

.ul-tab-e1 img {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle
}

.ul-tab-e1 .img1 {
    display: none;
    margin: 0 auto
}

.ul-tab-e1 .img2 {
    display: block;
    margin: 0 auto
}

.ul-tab-e1 li.on .img1 {
    display: block;
    margin: 0 auto
}

.ul-tab-e1 li.on .img2 {
    display: none;
    margin: 0 auto
}

.ul-tab-e1 .txt {
    width: 100px;
    height: 26px;
    line-height: 26px;
    background-color: #9db8e5;
    font-size: 16px;
    color: #fff;
    border-left: 1px dotted transparent;
    border-right: 1px dotted transparent;
}

.ul-tab-e1 li.on .txt {
    background-color: #4474c4;
    border-left: 1px solid #4474c4;
    border-right: 1px solid #4474c4
}

.tab-con-e1 .info {
    display: inline-block;
    overflow: hidden;
    margin: 0px auto;
    width: 90%;
}

.tab-con-e1 .info video {
    max-width: 100%;
    height: auto;
}

.tab-con-e1 .tit {
    line-height: 1.5;
    float: left;
    font-size: 22px;
    font-weight: 700;
    color: #333;
    margin-right: 17px;
}

.tab-con-e1 .load {
    float: left;
    position: relative;
    padding: 4px 8px;
    border: 1px solid #b0b0b0;
    overflow: hidden;
}

.tab-con-e1 .load::after {
    width: 18px;
    height: 17px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 109px;
    content: " ";
    background-repeat: no-repeat;
    -o-background-size: 100%;
    background-size: 100%;
    background-position: right center;
    background-image: url(../image/e-load.png);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.tab-con-e1 .load>span {
    padding-right: 20px;
}

.tab-con-e1 .load a {
    font-size: 14px;
    color: #333;
}

.tab-con-e1 .load br {
    display: none;
}

.m-tab-e1 .pic {
    text-align: center
}

.m-tab-e1 img {
    display: inline-block
}

.m-tab-e1 p {
    width: 100%;
}

.m-tab-e1 p img {
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
}

.m-desc-e1 {
    overflow: hidden
}

.m-desc-e1 .pic {
    text-align: center
}

.m-desc-e1 img {
    display: inline-block
}

.tab-con-e1 .m-infoCon3-a1 .tit {
    float: none;
    text-align: left;
}

@media only screen and (min-width:750px) and (max-width:1920px) {
    .m-tab-e1 {
        padding: 4.635vw 0 3.75vw
    }
}

@media only screen and (min-width:750px) and (max-width:1470px) {
    .ul-tab-e1 li.on .con .desc {
        padding-left: 3px;
        padding-right: 3px
    }

    .m-tabBox1 .col-r {
        width: 85.6%;
        padding: 0 20px
    }

    .m-tabBox1 .col-l {
        margin-right: 30px
    }
}

@media only screen and (min-width:750px) and (max-width:1070px) {
    .m-tabBox1 .col-r {
        width: 80.6%
    }

    .m-tabBox1 .col-l {
        margin-right: 15px
    }
}

@media only screen and (min-width:750px) and (max-width:950px) {
    .m-tabBox1 .m-infoCon {
        padding: 150px 0 220px
    }

    .m-tabBox1 .m-infoCon1 {
        padding: 91px 0 101px
    }

    .m-tabBox1 .m-infoCon2 {
        padding: 91px 0 41px
    }

    .m-tabBox1 .m-infoCon3 {
        padding: 91px 0 68px
    }

    .ul-tab-e1 li {
        margin-bottom: 15px
    }
}

@media only screen and (max-width:750px) {
    .ul-tab-e1.on {
        position: static;
        top: 0
    }

    .m-tab-e1 {
        padding: 15px 0 20px
    }

    .m-tabBox1 .m-infoCon2 .m-txt {
        margin-bottom: 20px
    }

    .m-tabBox1 .col-l {
        float: none;
        width: 100%;
        overflow-x: auto;
        margin-bottom: 0
    }

    .ul-tab-e1 {
        overflow: hidden;
        min-width: 750px
    }

    .ul-tab-e1 .con .desc {
        padding: 14px 0 3px
    }

    .m-tabBox1 .m-infoCon {
        padding: 60px 0 100px
    }

    .m-tabBox1 .m-infoCon1 {
        padding: 40px 0 60px
    }

    .m-tabBox1 .m-infoCon2 {
        padding: 60px 0 41px
    }

    .tab-con-e1 .tit {
        float: none;
        font-size: 20px;
        margin-bottom: 15px
    }

    .m-tabBox1 .m-infoCon .tit2 {
        margin-bottom: 15px
    }

    .m-tabBox1 .m-infoCon2 .info .load {
        display: inline-block;
        float: none;
        margin-bottom: 15px
    }

    .m-tabBox1 .m-infoCon1 .info .load {
        margin-bottom: 20px
    }

    .tab-con-e1 .load {
        display: inline-block;
        float: none;
        margin-bottom: 15px
    }

    .m-tabBox1 .m-infoCon3 {
        padding: 50px 0 47px
    }

    .ul-tab-e1 .txt {
        width: 100%;
        height: 100%
    }

    .ul-tab-e1 li {
        float: left;
        width: 16%;
        margin: 0 2px 15px
    }

    .m-tabBox1 .col-r {
        width: 100%;
        padding: 0 15px
    }
}


/*
@font-face{font-family:IMPACT;src:url(../font/bahnschrift.ttf) format('truetype')}
@font-face{font-family:IMPACT;src:url(../font/PangMenZhengDao.ttf) format('truetype')}*/




.main-e1 .wp {
    padding: 79px 0 100px
}

.row-e1 {
    background: #fff;
    box-shadow: -1px 4px 30px 0 rgba(62, 81, 110, .26);
    border-radius: 10px
}

.row-e1 .col-l {
    width: 71.5%;
    overflow: hidden
}

.row-e1 .desc1 {
    position: relative;
    background-image: url(../image/e-pic15.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover;
    padding: 0 59px 0 90px;
    overflow: hidden;
    margin-bottom: 40px
}

.row-e1 .desc1 .con {
    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%);
    margin-top: 10px;
    padding-left: 107px
}

.row-e1 .desc1 .txt {
    width: 376px;
    text-align: right;
    position: relative;
    font-size: 18px;
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    color: #f5fcff;
    border-top: 1px solid #5282b9;
    border-color: #fff;
    opacity: .36;
    padding: 13px 0 0 3px
}

.row-e1 .desc1 .txt::before {
    display: block;
    content: " ";
    position: absolute;
    top: 80%;
    left: 0;
    width: 266px;
    height: 1px;
    background-color: #fff;
    opacity: .3
}

.row-e1 .click {
    margin: 0 5px
}

.row-e1 .desc1 div {
    font-size: 20px;
    color: #244990;
    margin-bottom: 2px
}

.m-textbody-e1 .tit {
    text-align: center;
    font-size: 32px;
    color: #15519d;
    padding: 0 53px;
    line-height: 1.5em;
}

.m-textbody-e1 .tit1 {
    text-align: center;
    font-size: 26px;
    color: #15519d;
    padding: 0 53px;
}


.row-e1 .desc1 .tit1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    float: left;
    font-size: 40px;
    font-weight: 400;
    font-style: italic;
    color: #f5fcff;
    padding: 0 20px;
    line-height: 2;
    font-family: PangMenZhengDao;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.row-e1 .desc1 .tit1::after,
.row-e1 .desc1 .tit1::before {
    width: 36px;
    height: 35px;
    position: absolute;
    top: 50%;
    right: -18%;
    content: " ";
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background-image: url(../image/e-pic23.png);
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: 100%;
    background-size: 100%
}

.row-e1 .desc1 .tit1::before {
    left: -18%
}

.row-e1 .desc1 .info {
    float: right;
    width: 138px;
    height: 62px;
    margin: 7px;
    padding: 2px 0 0;
    background-color: #fff
}

.row-e1 .desc1 .info span {
    width: 99px;
    height: 28px;
    background-color: #094e9c;
    font-size: 20px;
    color: #fff;
    padding: 0 3px;
    margin: 0 3px 0 5px;
    font-family: bahnschrift
}

.m-textbody-e1 {
    padding-bottom: 60px
}

.m-textbody-e1 .info {
    text-align: center;
    font-size: 14px;
    color: #333;
    margin: 12px 0 28px
}

.m-textbody-e1 .info span {
    padding-right: 15px
}

.m-textbody-e1 .m-txt {
    border-right: 1px solid #b5cae1;
    padding: 0 53px 21px
}

.m-textbody-e1 .txt {
    text-align: justify;
    text-indent: 2em;
    font-size: 16px;
    color: #333;
    border-top: 1px solid #094e9c;
    padding: 21px 0 0;
    line-height: 2
}

.m-textbody-e1 .txt img {
    display: inline-block
}

.m-textbody-e1 .txt table {
    max-width: 890px;
    margin: 0 auto !important;
    min-width: 500px;
}

.m-textbody-e1 .txt video {
    max-width: 100%;
    height: auto !important;
}

.m-textbody-e1 .close {
    overflow: hidden
}

.m-textbody-e1 .btn {
    float: right;
    background-color: transparent;
    outline: 0;
    border: none;
    font-size: 16px;
    color: #333
}

.row-e1 .col-r {
    width: 28.5%;
    overflow: hidden;
    padding-bottom: 30px;
}

.row-e1 .box1 {
    overflow: hidden;
    padding: 18px 32px 0
}

.row-e1 .box1>div {
    width: 60px;
    height: 60px;
    float: left;
    cursor: pointer;
    margin: 0 10px;
    text-align: center;
    background-image: url(../image/e-pic14.png);
    background-position: center;
    background-repeat: no-repeat;
    -o-background-size: 100%;
    background-size: 100%
}

.row-e1 #share-sina {
    background-image: url(../image/e-pic15.png)
}

.row-e1 #share-qq {
    background-image: url(../image/e-pic16.png)
}

.row-e1 #link {
    background-image: url(../image/e-pic17.png)
}

.row-e1 .box2 {
    overflow: hidden;
    padding: 50px
}

.row-e1 .back {
    text-align: right;
    padding: 0 45.5px;
    margin: 30px 0 0
}

.row-e1 .back a {
    display: inline-block;
    padding: 4px 12px;
    text-align: left;
    font-size: 14px;
    color: #fff;
    background-color: #1e63b5;
    border-radius: 15px
}

.row-e1 .back a img {
    display: inline-block;
    vertical-align: text-top;
    padding: 5px 0 0 5px
}

.slick-e1 {
    position: relative
}

.slick-e1 .item {
    position: relative;
    overflow: hidden
}

.row-e1 .box2 .txt {
    overflow: hidden
}

.row-e1 .box2 .tit3 {
    font-size: 24px;
    font-weight: 700;
    color: #244990;
}

.slick-e1 a {
    display: block
}

.slick-e1 .tit {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.slick-e1:hover .tit,
.slick-e1:hover .tit1 {
    color: #244990
}

.slick-e1 .tit1 {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 42px
}

.slick-e1 .desc {
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 42px
}

.slick-e1 .pic {
    height: 0;
    padding-top: 56.4%;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    margin-bottom: 22px
}

.slick-e1 .pic img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 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%);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.slick-e1:hover .pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.08);
    -webkit-transform: translate(-50%, -50%) scale(1.08);
    -moz-transform: translate(-50%, -50%) scale(1.08);
    -ms-transform: translate(-50%, -50%) scale(1.08);
    -o-transform: translate(-50%, -50%) scale(1.08)
}

.slick-e1 .date span {
    font-weight: 300;
    color: #999
}

.slick-e1 .date {
    padding-left: 29px;
    background-position: left center;
    background-repeat: no-repeat;
    -o-background-size: 22px 22px;
    background-size: 22px 22px;
    background-image: url(../image/e-pic20.png);
    opacity: .85
}

.slick-e1 .slick-arrow {
    position: absolute;
    width: 10px;
    height: 18px;
    top: -5%;
    border: 0;
    font-size: 0;
    cursor: pointer;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    -o-background-size: 100%;
    background-size: 100%;
    z-index: 2;
    outline: 0
}

.slick-e1 .slick-prev {
    left: 84%;
    background-image: url(../image/e-left.png)
}

.slick-e1 .slick-next {
    right: 0;
    background-image: url(../image/e-right.png)
}

.ul-list-e1 li {
    list-style: none
}

.ul-list-e1 a {
    padding: 20px 0;
    display: block;
    border-bottom: 1px dashed #ccc
}

.ul-list-e1 .txt b {
    display: block;
    width: 20px;
    height: 4px;
    background-color: #4c89e7;
    border-radius: 2px;
    margin: 10px 0
}

.hot-e1 .info {
    overflow: hidden;
    padding: 35px 0 0
}

.hot-e1 h3 {
    float: left;
    font-size: 24px;
    font-weight: 700;
    color: #244990;
}

.hot-e1 .hot1 {
    float: right;
    width: 36px;
    height: 21px
}

.hot-e1 img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ul-list-e2 .con {
    padding: 20px 0;
    display: block;
    border-bottom: 1px dashed #ccc
}

.ul-list-e2 .desc {
    text-align: justify;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /*height:42px*/
}

.row-e1 .next {
    display: block;
    font-size: 13px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 285px;
    height: 33px;
    line-height: 33px;
    background-color: #d9c270;
    border-radius: 0 17px 17px 0;
    padding-left: 16px
}

.row-e1 .next.pof {
    position: fixed;
    bottom: 0;
    left: 71.5%;
    z-index: 2;
}

@media only screen and (min-width:750px) and (max-width:1920px) {
    .main-e1 .wp {
        padding: 4.114vw 0 5.208vw
    }

    .row-e1 {
        border-radius: .52vw
    }

    .row-e1 .desc1 {
        padding: 0 3.072vw 0 4.687vw;
        margin-bottom: 2.083vw
    }

    .row-e1 .desc1 .con {
        margin-top: .52vw;
        padding-left: 5.572vw
    }

    .row-e1 .desc1 .txt {
        width: 19.58vw;
        font-size: .937vw;
        padding: .677vw 1px 0
    }

    .row-e1 .desc1 .txt::before {
        width: 13.55vw;
        height: 1px
    }

    .row-e1 .click {
        margin: 0 .26vw
    }

    .row-e1 .desc1 div {
        font-size: 1.041vw;
        margin-bottom: .104vw
    }

    .m-textbody-e1 .tit {
        font-size: 1.666vw;
        padding: 0 2.76vw;
    }

    .m-textbody-e1 .tit1 {
        font-size: 1.366vw;
        padding: 0 2.76vw;
    }

    .row-e1 .desc1 .tit1 {
        font-size: 2.083vw;
        padding: 0 1.041vw
    }

    .row-e1 .desc1 .tit1::after,
    .row-e1 .desc1 .tit1::before {
        width: 1.875vw;
        height: 1.822vw
    }

    .row-e1 .desc1 .info {
        width: 7.187vw;
        height: 3.229vw;
        margin: .373vw;
        padding: .104vw 0 0
    }

    .row-e1 .desc1 .info span {
        width: 5.156vw;
        height: 1.458vw;
        font-size: 1.041vw;
        padding: 1px .156vw;
        margin: 0 .156vw 0 .26vw
    }

    .m-textbody-e1 {
        padding-bottom: 3.125vw
    }

    .m-textbody-e1 .info {
        margin: .625vw 0 1.458vw
    }

    .m-textbody-e1 .info span {
        padding-right: .781vw
    }

    .m-textbody-e1 .m-txt {
        padding: 0 2.76vw 1.093vw
    }

    .m-textbody-e1 .txt {
        padding: 1.093vw 0 0
    }

    .m-textbody-e1 .btn {
        font-size: .833vw
    }

    .row-e1 .box1 {
        padding: .937vw 1.666vw 0
    }

    .row-e1 .box1>div {
        width: 3.125vw;
        height: 3.125vw;
        margin: 0 .52vw
    }

    .row-e1 .box2 {
        padding: 2.6vw 2.369vw 2.604vw
    }

    .row-e1 .back {
        padding: 0 2.369vw;
        margin: 1.5625vw 0 0
    }

    .row-e1 .back a {
        padding: .208vw .625vw;
        font-size: .729vw;
        border-radius: .781vw
    }

    .row-e1 .back a img {
        padding: .26vw 0 0 .26vw
    }

    .slick-e1 .date {
        padding-left: 1.51vw;
        -o-background-size: 1.145vw 1.145vw;
        background-size: 1.145vw 1.145vw
    }

    .row-e1 .box2 .tit3 {
        font-size: 1.25vw
    }

    .slick-e1 .tit {
        font-size: .937vw
    }

    .slick-e1 .tit1 {
        font-size: .937vw;
        height: 2.3vw
    }

    .slick-e1 .desc {
        margin-bottom: 1.041vw;
        /*height:2.3vw*/
    }

    .slick-e1 .pic {
        border-radius: .52vw;
        margin-bottom: 1.145vw
    }

    .ul-list-e1 a {
        padding: 1.041vw 0
    }

    .ul-list-e1 .txt b {
        width: 1.041vw;
        height: .208vw;
        border-radius: .104vw;
        margin: .52vw 0
    }

    .hot-e1 .info {
        padding: 1.822vw 0 0
    }

    .hot-e1 h3 {
        font-size: 1.25vw
    }

    .hot-e1 .hot1 {
        width: 1.875vw;
        height: 1.093vw
    }

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

    .ul-list-e2 .desc {
        font-size: .937vw;
        /*height:2.3vw*/
    }

    .row-e1 .next {
        font-size: .677vw;
        width: 14.84vw;
        height: 1.718vw;
        line-height: 1.718vw;
        border-radius: 1px .885vw .885vw 1px;
        padding-left: .833vw
    }
}

@media only screen and (min-width:750px) and (max-width:1626px) {

    .slick-e1 .tit,
    .slick-e1 .tit1 {
        font-size: 17px
    }

    .ul-list-e1 .txt b {
        width: 18px;
        height: 3px
    }

    .slick-e1 .date span:first-child {
        width: 18px;
        height: 18px;
        margin-right: 5px
    }

    .row-e1 .next {
        font-size: 12px;
        width: 200px;
        height: 28px;
        line-height: 28px;
        padding-left: 7px
    }

    .hot-e1 .hot1 {
        width: 25px;
        height: auto
    }

    .slick-e1 .slick-arrow {
        position: absolute;
        width: 8px;
        height: 16px
    }

    .slick-e1 .date {
        padding-left: 25px;
        -o-background-size: 15px 15px;
        background-size: 15px 15px
    }

    .row-e1 .back a {
        display: inline-block;
        padding: 4px 12px;
        font-size: 13px
    }

    .row-e1 .back a img {
        padding: 5px 0 0 5px
    }

    .slick-e1 .desc {
        height: 3vw
    }

    .slick-e1 .tit1 {
        height: 2.6vw
    }

    .ul-list-e2 .desc {
        /*height:2.2vw*/
    }
}

@media only screen and (min-width:750px) and (max-width:1500px) {
    .slick-e1 .m-desc {
        /*height:3vw*/
    }

    .ul-list-e2 .desc {
        /*height:2.8vw*/
    }

    .slick-e1 .tit1 {
        height: 3vw
    }
}

@media only screen and (min-width:750px) and (max-width:1365px) {

    .slick-e1 .desc,
    .slick-e1 .tit1 {
        /*height:3vw*/
    }

    .ul-list-e2 .desc {
        /*height:2.8vw*/
    }
}

@media only screen and (min-width:750px) and (max-width:1260px) {

    .hot-e1 h3,
    .slick-e1 .tit3 {
        font-size: 17px
    }

    .slick-e1 .desc,
    .ul-list-e2 .desc {
        font-size: 13px
    }

    .m-textbody-e1 .tit {
        font-size: 20px;
        padding: 0 25px;
    }

    .m-textbody-e1 .tit1 {
        font-size: 16px;
        padding: 0 25px;
    }

    .slick-e1 .pic {
        width: 100%;
        height: auto
    }

    .m-textbody-e1 .m-txt {
        padding: 0 25px 1.093vw;
        border-right: none
    }

    .row-e1 .col-r {
        display: none
    }

    .row-e1 .col-l {
        width: 100%
    }

    .row-e1 .desc1 .con {
        padding-left: 5vw
    }

    .row-e1 .desc1 .txt {
        width: 48vw
    }

    .row-e1 .desc1 .txt::before {
        width: 47vw;
        height: 1px
    }

    .row-e1 .desc1 {
        padding: 1px 17px 1px 50px;
        margin-bottom: 20px
    }

    .row-e1 .desc1 .info {
        width: 11vw;
        height: 5vw
    }

    .row-e1 .desc1 div {
        font-size: 16px
    }

    .row-e1 .desc1 .info span {
        width: 3vw;
        height: 1vw;
        font-size: 16px;
        padding: 0 3px;
        margin: 0 3px 0 5px
    }

    .row-e1 .desc1 .tit1 {
        font-size: 2.5vw;
        padding: 0 1vw;
        line-height: 2
    }
}

@media only screen and (max-width:750px) {
    .row-e1 .desc1 .tit1::before {
        left: -5%
    }

    .row-e1 .desc1 .tit1::after {
        right: -5%
    }

    .main-e1 .wp {
        padding: 20px 0;
        width: 100%
    }

    .row-e1 .desc1 .con {
        padding-left: 4vw;
        margin-top: 5px
    }

    .row-e1 .desc1 .txt {
        font-size: 14px;
        padding: 3px 0 0 3px;
        width: 57vw
    }

    .row-e1 .desc1 .txt::before {
        width: 45vw;
        height: 1px
    }

    .row-e1 .col-r {
        display: none
    }

    .row-e1 .col-l {
        width: 100%
    }

    .row-e1 .desc1 .tit1 {
        font-size: 20px;
        padding: 0 20px;
        line-height: 2.5
    }

    .row-e1 .desc1 .info {
        width: 84px;
        height: auto
    }

    .row-e1 .desc1 {
        padding: 0 20px 0 10px;
        margin-bottom: 15px
    }

    .row-e1 .desc1 .tit1::after,
    .row-e1 .desc1 .tit1::before {
        width: 20px;
        height: 20px
    }

    .m-textbody-e1 .tit {
        font-size: 18px;
        padding: 0 15px;
    }

    .m-textbody-e1 .tit p,
    .m-textbody-e1 .tit p span {
        font-size: 18px !important;
    }

    .m-textbody-e1 .tit1 {
        font-size: 16px;
        padding: 0 15px;
    }

    .m-textbody-e1 {
        padding: 0 15px 20px
    }

    .m-textbody-e1 .info {
        text-align: center;
        font-size: 14px;
        color: #333;
        margin: 12px 0
    }

    .m-textbody-e1 .info span {
        padding-right: 8px
    }

    .m-textbody-e1 .txt {
        padding: 15px 0 0;
        line-height: 1.6
    }

    .m-textbody-e1 .m-txt {
        border-right: none;
        padding: 0 15px 15px
    }

    .m-textbody-e1 .txt img {
        display: block;
        width: 100%;
        margin: 0px auto;
    }
}

@media only screen and (max-width:650px) {
    .row-e1 .desc1 .txt {
        font-size: 12px;
        padding: 3px 0 0 3px;
        width: 50vw;
        width: 45vw
    }

    .row-e1 .desc1 .txt::before {
        width: 34vw;
        height: 1px;
        width: 27vw
    }
}

@media only screen and (max-width:500px) {
    .row-e1 .desc1 .txt {
        width: 36vw
    }

    .row-e1 .desc1 .txt::before {
        width: 18.5vw
    }
}

@media only screen and (max-width:420px) {
    .row-e1 .desc1 .txt {
        width: 28vw
    }

    .row-e1 .desc1 .txt::before {
        width: 9vw
    }
}

@media only screen and (max-width:375px) {
    .row-e1 .desc1 .txt {
        width: 24vw
    }

    .row-e1 .desc1 .txt::before {
        width: 3vw
    }
}

@media only screen and (max-width:345px) {
    .row-e1 .desc1 .txt {
        width: 22vw
    }

    .row-e1 .desc1 .txt::before {
        width: 2vw
    }
}

.row-e3 {
    position: relative;
    z-index: 3;
    padding: 87px 0 60px;
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover;
    background-color: #094e9c
}

.row-e3 .wp {
    width: 100%;
    padding: 0 15px;
    max-width: 1430px
}

.ul-list-e3 {
    overflow: hidden;
    margin: 0 -20px
}

.ul-list-e3 li {
    float: left;
    width: 50%;
    margin-bottom: 39px
}

.ul-list-e3 .con {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 20px;
    z-index: -2
}

.ul-list-e3 .pic {
    position: relative;
    float: left;
    width: 232px;
    height: 308px;
    margin: auto;
    border-radius: 10px 0 0 10px;
    padding: 1.2% 0 1.2% 1.2%;
    overflow: hidden
}

.ul-list-e3 .pic::after {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    display: block;
    content: " ";
    width: 100%;
    height: 100%;
    background-color: #f2d057;
    border: 1px solid #d8d8d8;
    border-radius: 10px 0 0 10px;
    z-index: -1
}

.ul-list-e3 img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    border-radius: 10px 0 0 10px
}

.ul-list-e3 .txt {
    position: relative;
    left: -3px;
    padding: 54.5px;
    overflow: hidden;
    background-image: url(../image/e-pic20.jpg);
    background-position: center;
    background-repeat: no-repeat;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    border: 1px solid #4889d2;
    border-left: none;
    box-shadow: -4px 1px 4px 0 rgba(0, 0, 0, .23);
    border-radius: 0 10px 10px 0;
    height: 309px
}

.ul-list-e3 .tit {
    position: relative;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    background-image: url(../image/e-pic18.png);
    background-position: 98% center;
    background-repeat: no-repeat;
    -o-background-size: 36px 21px;
    background-size: 36px 21px;
    padding-bottom: 20px;
    margin-bottom: 25px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.ul-list-e3 .con:hover .tit {
    background-position: right center;
    color: #f2d057
}

.ul-list-e3 .tit::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: block;
    content: " ";
    width: 366px;
    height: 1px;
    background-image: url(../image/e-pic22.png);
    background-position: right center;
    background-repeat: no-repeat;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.ul-list-e3 .desc {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: MicrosoftYaHei-Semibold
}

.ul-list-e3 .info {
    font-size: 14px;
    color: #c8dff8;
    line-height: 2;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 84px
}

@media only screen and (min-width:750px) and (max-width:1920px) {
    .row-e3 {
        padding: 4.531vw 0 3.125vw
    }

    .ul-list-e3 {
        margin: 0 -1.041vw
    }

    .ul-list-e3 li {
        margin-bottom: 2.031vw
    }

    .ul-list-e3 .con {
        margin: 0 1.041vw
    }

    .ul-list-e3 .pic {
        width: 12.08vw;
        height: 16.04vw;
        border-radius: .52vw 1px 1px .52vw
    }

    .ul-list-e3 .pic::after {
        border-radius: .52vw 1px 1px .52vw
    }

    .ul-list-e3 img {
        border-radius: .52vw 1px 1px .52vw
    }

    .ul-list-e3 .txt {
        position: relative;
        left: -.156vw;
        padding: 2.8vw;
        border-radius: 1px .52vw .52vw 1px;
        height: 16.09vw
    }

    .ul-list-e3 .tit {
        font-size: 1.458vw;
        -o-background-size: 1.875vw 1.093vw;
        background-size: 1.875vw 1.093vw;
        padding-bottom: 1.041vw;
        margin-bottom: 1.302vw
    }

    .ul-list-e3 .tit::after {
        width: 19.06vw
    }

    .ul-list-e3 .desc {
        font-size: .937vw;
        margin-bottom: .52vw
    }

    .ul-list-e3 .info {
        height: 4.375vw
    }
}

@media only screen and (min-width:750px) and (max-width:1700px) {
    .ul-list-e3 .info {
        line-height: 1.8;
        height: 4.375vw
    }
}

@media only screen and (min-width:750px) and (max-width:1600px) {
    .ul-list-e3 .desc {
        font-size: 15px;
        margin-bottom: 0
    }

    .ul-list-e3 .info {
        height: 5.3vw
    }
}

@media only screen and (min-width:750px) and (max-width:1300px) {
    .ul-list-e3 .tit {
        font-size: 16px;
        -o-background-size: 25.5px 15px;
        background-size: 25.5px 15px;
        padding-bottom: 7px;
        margin-bottom: 7px
    }

    .ul-list-e3 .info {
        line-height: 1.6;
        height: 5.5vw
    }
}

@media only screen and (min-width:750px) and (max-width:1150px) {
    .ul-list-e3 .txt {
        padding: 2.2vw
    }

    .ul-list-e3 .info {
        height: 6.3vw
    }
}

@media only screen and (max-width:1000px) {
    .ul-list-e3 .info {
        height: 6.6vw
    }
}

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

    .row-e1 .desc1 .info span,
    .row-e1 .desc1 div {
        font-size: 12px
    }

    .ul-list-e3 .info {
        height: auto;
        font-size: 13px
    }

    .ul-list-e3 .txt {
        padding: 7px 13px 0 15px
    }

    .ul-list-e3 .tit {
        padding-bottom: 4px;
        margin-bottom: 4px
    }

    .ul-list-e3 .desc {
        margin-bottom: 3px
    }
}

@media only screen and (max-width:750px) {
    .row-e3 {
        position: relative;
        z-index: 3;
        padding: 25px 0
    }

    .ul-list-e3 {
        margin: 0
    }

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

    .ul-list-e3 .con {
        margin: 0
    }

    .ul-list-e3 .pic {
        width: 110px;
        height: 144.7px
    }

    .ul-list-e3 .txt {
        padding: 15px 20px 15px 25px;
        height: 144.7px
    }

    .ul-list-e3 .tit {
        font-size: 16px;
        padding-bottom: 12px;
        margin-bottom: 6px;
        background-position: 88% top
    }

    .ul-list-e3 .tit::after {
        left: 0;
        transform: translateX(0);
        width: 240px;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0)
    }

    .ul-list-e3 .desc {
        margin-bottom: 4px;
        font-size: 14px
    }

    .ul-list-e3 .info {
        line-height: 1.6;
        font-size: 12px;
        height: 57px
    }
}

.row-e4 {
    margin-bottom: 0
}

.row-e2 {
    padding: 88px 0 75px
}

.row-e2 .col-l,
.row-e2 .col-r {
    width: 49.2%
}

.row-e2 .m-desc {
    margin-bottom: 25px
}

.row-e2 .tit {
    background-image: url(../image/e-pic25.png);
    background-position: center;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    height: 80px;
    line-height: 80px;
    border-radius: 10px 10px 0 0;
    font-family: MicrosoftYaHei-Semibold
}

.products-list-e1 {
    margin: 0 -10px
}

.products-list-e1 li {
    margin-bottom: 24px
}

.products-list-e1 .box {
    box-shadow: -1px 4px 30px 0 rgba(62, 81, 110, .26);
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    margin: 0 10px 11px
}

.products-list-e1 .info {
    background-color: #fff;
    overflow: hidden;
    padding: 34px 23px 20px 33px
}

.products-list-e1 .con {
    position: relative;
    display: block;
    width: calc(50% - 15px);
    margin-bottom: 23px
}

.products-list-e1 .info1 .con {
    float: none;
    width: 95%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.products-list-e1 .con span {
    font-size: 18px;
    color: #333;
    padding-right: 10px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.products-list-e1 .con span::after {
    content: url(../image/e-pic7.png);
    position: relative;
    top: -6px;
    margin-left: 8px;
}

.products-list-e1 .con:hover span {
    color: #0963bb;
    padding-right: 15px
}

.products-list-e1 .con:hover span::after {
    margin-left: 15px
}

/*.products-list-e1 .con i{position:absolute;top:50%;transform:translateY(-50%);width:17px;height:5px;background-image:url(../image/e-pic7.png);background-position:center;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}*/
@media only screen and (min-width:750px) and (max-width:1920px) {
    .row-e2 {
        padding: 4.583vw 0 3.906vw
    }

    .row-e2 .m-desc {
        margin-bottom: 1.302vw
    }

    .row-e2 .tit {
        font-size: 1.666vw;
        height: 4.166vw;
        line-height: 4.166vw;
        border-radius: .52vw .52vw 1px 1px
    }

    .products-list-e1 {
        margin: 0 -.52vw
    }

    .products-list-e1 li {
        margin-bottom: 1.25vw
    }

    .products-list-e1 .box {
        border-radius: 1px 1px .52vw .52vw;
        margin: 0 .52vw .572vw
    }

    .products-list-e1 .info {
        padding: 1.77vw 1.8 1.041vw 2vw
    }

    .products-list-e1 .con {
        margin-bottom: 1.197vw
    }
}

@media only screen and (min-width:750px) and (max-width:1220px) {
    .row-e2 .tit {
        font-size: 20px;
        height: 45px;
        line-height: 45px
    }

    .products-list-e1 .con {
        width: 100%
    }

    .products-list-e1 .info {
        padding: 20px
    }
}

@media only screen and (max-width:750px) {
    .row-e2 {
        padding: 30px 0 25px
    }

    .row-e2 .col-l,
    .row-e2 .col-r {
        width: 100%
    }

    .products-list-e1 {
        margin: 0
    }

    .products-list-e1 li {
        margin-bottom: 15px
    }

    .products-list-e1 .box {
        margin: 0 0 10px
    }

    .row-e2 .tit {
        font-size: 18px;
        height: 40px;
        line-height: 40px
    }

    .products-list-e1 .con span {
        font-size: 16px
    }

    .products-list-e1 .con {
        float: none;
        width: 99%;
        margin-bottom: 10px
    }

    .products-list-e1 .info {
        padding: 15px
    }
}

.row-e5 {
    padding: 88px 0 72px;
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover
}

.ul-list-e4 li {
    margin-bottom: 27px
}

.ul-list-e4 .con {
    padding: 60px 50px 57px;
    background-color: #fff;
    box-shadow: 0 0 26px 0 rgba(59, 77, 112, .16);
    border-radius: 10px;
    overflow: hidden
}

.ul-list-e4 .pic {
    padding: 5px;
    float: left;
    width: 299px;
    height: 299px;
    border: 3px solid #015bb1;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 42px
}

.ul-list-e4 img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    border: 11px solid #fff
}

.ul-list-e4 .txt {
    overflow: hidden;
    padding: 17px 0 0
}

.ul-list-e4 .info {
    padding-left: 32px;
    position: relative;
    margin-bottom: 27px
}

.ul-list-e4 .info::before {
    display: block;
    content: " ";
    width: 5px;
    height: 60px;
    background-color: #4c89e7;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.ul-list-e4 .tit {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: MicrosoftYaHei-Semibold
}

.ul-list-e4 .con:hover .tit {
    color: #015bb1
}

.ul-list-e4 .name {
    font-size: 24px;
    color: #015bb1;
    font-weight: 600;
}

.ul-list-e4 .desc {
    font-size: 14px;
    color: #333;
    line-height: 2.2;
    text-align: justify;
    margin-bottom: 15px
}

.ul-list-e4 p:first-child {
    margin-bottom: 10px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ul-list-e4 p:last-child {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.ul-list-e4 .more {
    padding: 0 30px 0 40px;
    float: right;
    width: 208px;
    height: 42px;
    line-height: 42px;
    background-color: #fff;
    border: 1px solid #015bb1;
    border-radius: 21px
}

.ul-list-e4 .more:hover {
    background-color: #015bb1
}

.ul-list-e4 a {
    display: block;
    height: 100%;
    border-radius: 50%;
    width: 100%;
}

.ul-list-e4 .more a {
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #015bb1;
    background-image: url(../image/a-icon17.png);
    background-position: right center;
    background-repeat: no-repeat;
    -o-background-size: 36px 21px;
    background-size: 36px 21px;
    border-radius: 0;
}

.ul-list-e4 .more:hover a {
    background-image: url(../image/a-icon17-on.png);
    color: #fff
}

@media only screen and (min-width:750px) and (max-width:1920px) {
    .row-e5 {
        padding: 4.583vw 0 3.75vw
    }

    .ul-list-e4 li {
        margin-bottom: 1.406vw
    }

    .ul-list-e4 .con {
        padding: 3.125vw 2.604vw 2.968vw;
        border-radius: .52vw
    }

    .ul-list-e4 .pic {
        width: 15.57vw;
        height: 15.57vw;
        border: solid #015bb1;
        margin-right: 2.187vw;
        padding: 0.260vw;
    }

    .ul-list-e4 img {
        border: solid #fff;
        border-width: 0vw;
    }

    .ul-list-e4 .txt {
        padding: .885vw 0 0
    }

    .ul-list-e4 .info {
        padding-left: 1.666vw;
        margin-bottom: 1.406vw
    }

    .ul-list-e4 .info::before {
        width: .26vw;
        height: 3.125vw;
        border-radius: .156vw
    }

    .ul-list-e4 .tit {
        font-size: 1.041vw;
        margin-bottom: .208vw
    }

    .ul-list-e4 .name {
        font-size: 1.25vw
    }

    .ul-list-e4 .desc {
        margin-bottom: .781vw
    }

    .ul-list-e4 p:first-child {
        margin-bottom: .52vw
    }

    .ul-list-e4 .more {
        padding: 0 1.562vw 0 2.083vw;
        width: 10.83vw;
        height: 2.187vw;
        line-height: 2.187vw;
        border-radius: 1.093vw
    }

    .ul-list-e4 .more a {
        font-size: .937vw;
        -o-background-size: 1.875vw 1.093vw;
        background-size: 1.875vw 1.093vw
    }
}

@media only screen and (min-width:750px) and (max-width:1620px) {
    .ul-list-e4 .more {
        margin-bottom: 3px
    }
}

@media only screen and (min-width:750px) and (max-width:1420px) {
    .ul-list-e4 .desc {
        line-height: 1.7
    }

    .ul-list-e4 .tit {
        font-size: 16px
    }

    .ul-list-e4 .name {
        font-size: 18px
    }

    .ul-list-e4 .more {
        padding: 0 8px 0 23px
    }

    .ul-list-e4 .more a {
        font-size: 16px;
        -o-background-size: 25px 16px;
        background-size: 25px 16px
    }
}

@media only screen and (min-width:750px) and (max-width:1270px) {
    .ul-list-e4 .info::before {
        width: 3px;
        height: 40px
    }

    .ul-list-e4 .more {
        width: 132px;
        height: 30px;
        line-height: 26px
    }
}

@media only screen and (max-width:750px) {
    .row-e5 {
        padding: 30px 0
    }

    .ul-list-e4 li {
        margin-bottom: 20px
    }

    .ul-list-e4 img {
        border: 2px solid #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .ul-list-e4 .info {
        padding-left: 10px;
        margin-bottom: 2px
    }

    .ul-list-e4 .tit {
        font-size: 13px
    }

    .ul-list-e4 .desc {
        line-height: 1.4;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .ul-list-e4 .info::before {
        width: 3px;
        height: 40px
    }

    .ul-list-e4 .name {
        font-size: 15px
    }

    .ul-list-e4 .con {
        padding: 0;
        box-shadow: none;
    }

    .ul-list-e4 .pic {
        width: 100px;
        height: 100px;
        position: relative;
        padding-top: 0;
        margin-right: 13px;
        border-width: 2px;
    }

    .ul-list-e4 .txt {
        float: none;
        padding-top: 0
    }

    .ul-list-e4 .more {
        padding: 0 9px 0 7px;
        float: none;
        width: 88px;
        height: 25px;
        line-height: 25px;
    }

    .ul-list-e4 .more a {
        font-size: 12px;
        background-size: 22%
    }

    .ul-list-e4 p:last-child {
        -webkit-line-clamp: 2;
    }
}

@media only screen and (max-width: 640px) {
    .row-c5 .icn1 {
        width: 100px;
        height: 100px;
    }

    .row-c5 .icn1 .txt {
        padding-top: 5px;
    }

    .row-c5 .icn3 .txt,
    .row-c5 .icn2 .txt {
        padding-top: 15px;
    }

    .row-c5 .icn5 .txt {
        padding-top: 10px;
    }

    .row-c5 .icn1 .txt span,
    .row-c5 .icn2 .txt span,
    .row-c5 .icn3 .txt span,
    .row-c5 .icn4 .txt span,
    .row-c5 .icn5 .txt span {
        font-size: 18px;
        display: block;
    }
}

@media screen and(-ms-high-contrast:active),
(-ms-high-contrast:none) {
    * {
        font-family: "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "PingFang SC", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;
    }
}


/*一周会议表格样式20220509*/
.num2 {
    overflow: hidden;
}

.num2 #vsb_content {
    overflow-x: auto;
}

.num2 table {
    margin: 0 auto;
    width: 1262px !important;
}

.num_yzhy table {
    max-width: 100%;
    width: auto !important;
    margin: 0 auto !important;
}

.num2 #vsb_content_2 table {
    width: 100% !important;
}

.num2 table td {
    padding: 5px 10px !important;
}

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

.num2 .hyts a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-size: 14px;
    color: #000;
    line-height: 2;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.num2 .hyts a:hover {
    color: #063e7d;
}

.num2 .info {
    overflow-x: auto;
}

@media only screen and (max-width:950px) {
    .num2 table {
        margin: 0 auto;
        width: 700px !important;
    }
}

@media only screen and (max-width:580px) {
    .pages span.p_pages {
        display: block;
        width: 100%;
        height: 37px;
    }

    .pages span.p_tz {
        display: block;
        width: 100%;
        height: 37px;
    }

}

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

    .pages a,
    .pages .p_dot {
        width: 28px !important;
        height: 30px !important;
        font-size: 14px !important;
        line-height: 28px !important;
    }

    .pages .p_no_d {
        width: 28px !important;
        height: 30px !important;
        line-height: 28px !important;
    }

    .pages .p_goto a {
        width: 44px !important;
        height: 30px !important;
    }
}