/*
    * @time Sun Jul 25 2021 11:08:02 GMT+0800 (中国标准时间)
    */
@charset "utf-8";

.clearfix:after,
body,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
input,
label,
li,
ol,
p,
pre,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
tr,
ul {
    margin: 0;
    padding: 0
}

body,
html {
    height: 100%
}

body {
    font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", STHeitiSC-Light, simsun, "宋体", "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif
}

li {
    list-style-type: none
}

a {
    text-decoration: none;
    outline: 0;
    color: #000;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

a:hover {
    text-decoration: none
}

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

iframe,
img {
    border: 0
}

img {
    vertical-align: top
}

.clearfix {
    display: block
}

.clearfix:after {
    content: "";
    overflow: hidden;
    width: 100%;
    height: 0;
    font-size: 0;
    display: block;
    clear: both
}

i {
    font-style: normal
}

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

.title {
    width: 100%;
    height: 83px;
    display: block
}

.title.title1 {
    background: url(title1.png) center 0 no-repeat
}

.title.title2 {
    background: url(title2.png) center 0 no-repeat
}

.title.title3 {
    background: url(title3.png) center 0 no-repeat
}

.title.title4 {
    background: url(title4.png) center 0 no-repeat
}

.item-style1 .img {
    width: 225px;
    height: 127px;
    float: left;
    margin-right: 20px;
    position: relative;
    z-index: 4;
    overflow: hidden
}

.item-style1 .img img {
    width: 100%;
    height: 100%
}

.item-style1 .txt .tit {
    font-size: 18px
}

.item-style1 .txt .abs {
    font-size: 16px;
    line-height: 26px;
    color: #5c5c5c
}

.footer {
    padding: 25px 0 25px 0;
    background: #174a91;
    text-align: center;
    margin-top: 35px
}

.footer p {
    line-height: 30px;
    font-size: 16px;
    color: #fff
}

.ani-fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ani-fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ani-bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate
}

.ani-pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate
}

.ani-slideInUp {
    -webkit-animation-name: slideInUp;
    -moz-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: 13s;
    -moz-animation-duration: 13s;
    animation-duration: 13s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.delay1s {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s
}

.delay2s {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s
}

.delay3s {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s
}

.delay4s {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    animation-delay: 4s
}

.delay5s {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    animation-delay: 5s
}

.delay6s {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    animation-delay: 6s
}

.delay7s {
    -webkit-animation-delay: 7s;
    -moz-animation-delay: 7s;
    animation-delay: 7s
}

.delay8s {
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    animation-delay: 8s
}

.delay9s {
    -webkit-animation-delay: 9s;
    -moz-animation-delay: 9s;
    animation-delay: 9s
}

.delay10s {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    animation-delay: 10s
}

.delay11s {
    -webkit-animation-delay: 11s;
    -moz-animation-delay: 11s;
    animation-delay: 11s
}

.ani-flipInX {
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ani-slides {
    -webkit-animation-name: slides;
    -moz-animation-name: slides;
    animation-name: slides;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate
}

.ani-lightSpeedInLeft {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOutUpBig {
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    animation-duration: 4s
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-moz-keyframes bounce {

    0%,
    100%,
    20%,
    53% {
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -moz-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    53% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    53% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        -moz-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        -moz-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        -moz-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        -moz-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -moz-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -moz-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-moz-keyframes slideInUp {
    0% {
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    7.7% {
        visibility: hidden;
        -moz-transform: translate3d(0, -52px, 0);
        transform: translate3d(0, -52px, 0)
    }

    15.4% {
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    7.7% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -52px, 0);
        transform: translate3d(0, -52px, 0)
    }

    15.4% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    7.7% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -52px, 0);
        -moz-transform: translate3d(0, -52px, 0);
        transform: translate3d(0, -52px, 0)
    }

    15.4% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -moz-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -moz-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    100% {
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        -moz-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        -moz-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-moz-keyframes slides {
    0% {
        height: 45px
    }

    to {
        height: 72px
    }
}

@-webkit-keyframes slides {
    0% {
        height: 45px
    }

    to {
        height: 72px
    }
}

@keyframes slides {
    0% {
        height: 45px
    }

    to {
        height: 72px
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-moz-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes fadeOutUpBig {
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes fadeOutUpBig {
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.cover {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(cover-bg.jpg) center 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: 999
}

.logo {
    position: absolute;
    width: 670px;
    height: 93px;
    left: 50%;
    margin-left: -335px;
    top: 80px;
    background: url(cover-logo.png) center 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.topic1 {
    position: absolute;
    width: 1218px;
    height: 350px;
    left: 50%;
    margin-left: -609px;
    top: 300px;
    background: url(cover-title.png) center 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.topic2 {
    position: absolute;
    width: 1077px;
    height: 100px;
    left: 50%;
    margin-left: -538px;
    top: 750px;
    background: url(cover-company.png) center 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.banner {
    height: 723px;
    background: url(banner.jpg) center 0 no-repeat
}
.boxBg01{
    background: url(focus-bg.png) center bottom no-repeat
}
.dtt {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto
}

.dtt .tit {
    width: 1200px;
    font-size: 36px;
    color: #305798;
    font-weight: 700;
    overflow: hidden;
    line-height: 47px;
    margin-top: 40px;
    text-align: center
}

.dtt .tit a {
    color: #305798;
    font-weight: 700
}

.dtt .txt {
    width: 1200px;
    font-size: 16px;
    color: #305798;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    margin-top: 15px;
    text-align: center
}

.dtt .txt a {
    color: #305798
}

.part1 {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
    margin-top: 20px
}

.part1-left {
    width: 800px;
    height: 450px;
    position: relative;
    float: left
}

.part1-left .arrow-left {
    background: url(arrows.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 47%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 2
}

.part1-left .arrow-right {
    background: url(arrows.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 47%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 2
}

.part1-left .swiper-container {
    width: 800px;
    height: 450px
}

.swiper-slide {
    position: relative
}

.part1-left .pagination {
    position: absolute;
    right: 10px;
    text-align: right;
    bottom: 15px;
    z-index: 2
}

.part1-left .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ccc;
    margin: 0 3px;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.part1-left .swiper-active-switch {
    background: #fb964c !important
}

.part1-left .swiper-pagination-bullet {
    margin-left: 5px
}

.part1-left .swiper-pagination-bullet-active {
    background: #fb964c !important
}

.part1-left .picTitle {
    position: relative;
    width: 800px;
    height: 450px;
    overflow: hidden
}

.part1-left .picTitle .img img {
    width: 800px;
    height: 450px;
    display: block
}

.part1-left .picTitle .bg {
    background: #0076d8;
    bottom: 0;
    height: 50px;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 10
}

.part1-left .picTitle .name {
    bottom: 0;
    color: #fff;
    height: 50px;
    left: 0;
    font-size: 22px;
    line-height: 50px;
    overflow: hidden;
    position: absolute;
    text-indent: 1em;
    text-align: left;
    width: 100%;
    z-index: 11
}

.part1-left .picTitle .name a {
    color: #fff;
    text-decoration: none
}

.icon {
    display: inline-block;
    vertical-align: middle;
    background: url(//www.news.cn/2015/img2015/icon_all.png) no-repeat;
    overflow: hidden
}

.iconDownArrowWhite {
    width: 14px;
    height: 14px;
    background-position: -19px -45px
}

.chooseBox-enter {
    position: absolute;
    z-index: 2;
    font-size: 14px;
    font-family: '微软雅黑';
    right: 30px;
    top: 10px;
    color: #fff;
    width: 95px;
    text-align: center
}

.chooseBox-enter a {
    color: #fb964c;
    font-family: '微软雅黑';
    font-size: 14px
}

.chooseBox-language {
    position: absolute;
    z-index: 2222;
    left: 50%;
    top: 310px;
    width: 95px;
    overflow: hidden;
    height: 20px;
    margin-left: 30px
}

.chooseBox-language ul {
    z-index: 2;
    position: relative
}

.chooseBox-language li {
    height: 20px;
    line-height: 19px;
    position: relative;
    color: #6ac6f0;
    text-align: left;
    padding-left: 12px
}

.chooseBox-language li a {
    color: #fff;
    font-size: 12px;
    font-family: Arial
}

.chooseBox-language-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #142751;
    opacity: .2;
    z-index: 1
}

.chooseBox-icon {
    position: absolute;
    right: 5px;
    top: 3px
}

.part1-right {
    width: 400px;
    float: right;
    background: #f2f9fe;
    overflow: hidden
}

.part1-right h3 {
    width: 348px;
    font-size: 24px;
    color: #333;
    padding: 25px 0 15px 0;
    border-bottom: 1px dashed #528dfa;
    text-align: center;
    margin: 0 auto;
    line-height: 35px;
    font-weight: 700
}

.part1-right h3 a {
    color: #333;
    font-weight: 700
}

.part1-right ul {
    overflow: hidden;
    margin: -5px auto 0
}

.part1-right li {
    font-size: 16px;
    color: #305798;
    padding: 15px 15px 0 15px;
    height: 60px
}

.part1-right li+li {
    border-top: 1px solid #fff;
    padding: 15px 15px 0 15px
}

.part1-right li:hover {
    background: #42afff
}

.part1-right li a {
    color: #305798
}

.part1-right li:hover a {
    color: #fff !important
}

.part1-right li * {
    vertical-align: middle
}

.indexlink {
    width: 106px;
    height: 33px;
    font-size: 14px;
    line-height: 33px;
    position: absolute;
    left: 50%;
    top: 305px;
    margin-left: -110px;
    background: url(//www.xinhuanet.com/world/ciie2019/img/btnJbh.png) 0 0 no-repeat;
    text-align: center;
    color: #fff
}

.indexlink a {
    color: #fff
}

.mul-play {
    position: absolute;
    width: 70px;
    height: 70px;
    bottom: 57px;
    left: 10px;
    display: none;
    cursor: pointer;
    z-index: 999
}

.mul-play img {
    width: 100%;
    height: 100%
}

.videoPart {
    width: 800px;
    height: 450px;
    background: #333;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50
}

.videoPart iframe {
    width: 800px;
    height: 450px
}

.videoPart .videoPart-close {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    right: -22px;
    z-index: 50;
    background: url(//www.news.cn/res/xhwres/bigbig201710101700/bundle/s1014_icon_btn_close.png) no-repeat;
    cursor: pointer;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.dizhi {
    position: absolute;
    display: block;
    width: 830px;
    height: 340px;
    z-index: 99;
    top: 0;
    left: 50%;
    margin-left: -402px;
    text-indent: -99999em
}

.iphoto {
    width: 21px;
    height: 45px;
    float: left;
    margin-left: 5px;
    margin-right: 8px;
    display: inline-block;
    background: url(20190319_XCFicon1_v1_.png) 0 2px no-repeat
}

.ivideo {
    width: 24px;
    height: 45px;
    float: left;
    margin-left: 5px;
    margin-right: 8px;
    display: inline-block;
    background: url(20190319_XCFicon2_v1_.png) 0 2px no-repeat
}

.isound {
    width: 22px;
    height: 45px;
    float: left;
    margin-left: 5px;
    margin-right: 8px;
    display: inline-block;
    background: url(20190319_XCFicon3_v1_.png) 0 2px no-repeat
}

.ipen {
    width: 21px;
    height: 45px;
    float: left;
    margin-left: 5px;
    margin-right: 8px;
    display: inline-block;
    background: url(20190319_XCFicon4_v1_.png) 0 2px no-repeat
}

.itxt {
    width: 17px;
    height: 45px;
    float: left;
    margin-left: 5px;
    margin-right: 8px;
    display: inline-block;
    background: url(20190319_XCFicon5_v1_.png) 0 2px no-repeat
}

.part1-right li:hover .iphoto {
    background: url(20190319_XCFicon1_v2_.png) 0 2px no-repeat
}

.part1-right li:hover .ivideo {
    background: url(20190319_XCFicon2_v2_.png) 0 2px no-repeat
}

.part1-right li:hover .isound {
    background: url(20190319_XCFicon3_v2_.png) 0 2px no-repeat
}

.part1-right li:hover .ipen {
    background: url(20190319_XCFicon4_v2_.png) 0 2px no-repeat
}

.part1-right li:hover .itxt {
    background: url(20190319_XCFicon5_v2_.png) 0 2px no-repeat
}

.gdhc {
    margin-top: 60px
}

.gdhc .gdhc-cont {
    margin-top: 38px;
    width: 1224px
}

.gdhc .gdhc-item {
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    width: 286px;
    height: 364px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 5px;
    overflow: hidden
}

.gdhc .gdhc-item:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    background: url(img-cover.png) center 0 no-repeat
}

.gdhc .gdhc-item .img {
    height: 268px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.gdhc .gdhc-item .img img {
    display: block;
    width: 100%;
    height: 100%
}

.gdhc .gdhc-item .txt {
    position: relative;
    height: 84px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 10px;
    background: -webkit-gradient(linear, left top, right top, from(#092d74), to(#020a18));
    background: -webkit-linear-gradient(left, #092d74 0, #020a18 100%);
    background: -moz-linear-gradient(left, #092d74 0, #020a18 100%);
    background: linear-gradient(90deg, #092d74 0, #020a18 100%)
}

.gdhc .gdhc-item .txt a {
    color: #fff
}

.gdhc .gdhc-item .txt .tit {
    color: #fff;
    position: absolute;
    left: 0;
    top: -37px;
    line-height: 37px;
    font-size: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    background-image: -webkit-gradient(linear, left top, right top, from(#886ba1), to(#4d588d));
    background-image: -webkit-linear-gradient(left, #886ba1 0, #4d588d 100%);
    background-image: -moz-linear-gradient(left, #886ba1 0, #4d588d 100%);
    background-image: linear-gradient(90deg, #886ba1 0, #4d588d 100%)
}

.gdhc .gdhc-item .txt .tit:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 45px 0 0 45px;
    border-color: transparent transparent transparent #4d598d;
    display: block;
    position: absolute;
    right: -45px;
    top: 0
}

.gdhc .gdhc-item .txt .abs {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}
.gdhc .gdhc-item .txt .abs a{
    color: #fff;
}
.dhzj {
    margin-top: 60px
}

.dhzj .dhzj-cont {
    margin-top: 38px
}

.recom-box-video {
    overflow: hidden;
    height: 456px;
    width: 710px;
    float: left;
    position: relative
}

.recom-box-video .video-cont {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    background: #000
}

.recom-box-video video {
    width: 100%;
    height: 100%
}

.recom-box-video .video-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 30px;
    height: 30px;
    background: url(data:image/png;base64,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) 0 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    cursor: pointer
}

.recom-box-video .on,
.recom-box-video .recom-cover {
    right: 0
}

.recom-box-video img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0
}

.prepareOut {
    right: -710px
}

.recom-box-swiper {
    width: 490px;
    height: 456px;
    float: left;
    position: relative;
    z-index: 3
}

.recom-box-swiper .arrow-top {
    background: url(arrow-top-grey.png) no-repeat right top;
    position: absolute;
    left: 50%;
    top: 5px;
    margin-left: -11px;
    margin-top: 0;
    width: 22px;
    height: 11px
}

.recom-box-swiper .arrow-down {
    background: url(arrow-down-grey.png) no-repeat right top;
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 5px;
    margin-left: -11px;
    width: 22px;
    height: 11px
}

.recom-box-swiper .swiper-container {
    width: 100%;
    height: 396px;
    top: 25px
}

.recom-box-swiper .slide-cont {
    height: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 15px 21px 15px
}

.recom-box-swiper .slide-cont:before {
    content: '';
    width: 20px;
    height: 1px;
    background-color: #aaa;
    position: absolute;
    left: 15px;
    bottom: 0;
    z-index: 1
}

.recom-box-swiper .time{
    position: relative;
    z-index: 5;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s;
}

.recom-box-swiper .img {
    width: 108px;
    height: 70px;
    float: left;
    position: relative;
    z-index: 4;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s;
    margin-right: 10px;
    overflow: hidden
}

.recom-box-swiper .img img {
    width: 100%
}

.recom-box-swiper .txt {
    position: relative;
    z-index: 4
}

.recom-box-swiper h3 {
    font-size: 18px;
    overflow: hidden;
    line-height: 30px;
    color: #2b2b2b
}

.recom-box-swiper h3 a {
    color: #2b2b2b
}

.recom-box-swiper .swiper-slide {
    position: relative;
    cursor: pointer
}
.recom-box-swiper .hover .time{
    color: #fff;

}
.recom-box-swiper .hover h3 {
    color: #fff;
    font-size: 20px;
}

.recom-box-swiper .hover p {
    color: #fff
}

.recom-box-swiper .hover h3 a {
    color: #fff
}

.recom-box-swiper .hover p a {
    color: #fff
}

.recom-box-swiper .hover .img {
    margin-left: -156px
}

.recom-box-swiper .hover .slide-cont:after {
    content: '';
    background: #143dad;
    /* background: -webkit-gradient(linear, left top, right top, from(#42afff), to(#42afff));
    background: -webkit-linear-gradient(left, #42afff 0, #42afff 100%);
    background: -moz-linear-gradient(left, #42afff 0, #42afff 100%);
    background: linear-gradient(to right, #42afff 0, #42afff 100%); */
    width: 100%;
    height: 112px;
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 2;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.recom-box-swiper .on {
    position: relative;
    cursor: pointer
}

.kbj {
    margin-top: 60px
}

.kbj .kbj-tab-name {
    margin-top: 38px;
    text-align: center
}

.kbj .kbj-tab-name span {
    font-size: 24px;
    font-weight: 700;
    border-bottom: 4px solid #dfdfdf;
    margin: 0 15px;
    display: inline-block;
    position: relative;
    color: #00357e;
    height: 38px;
    line-height: 38px;
    padding: 0 10px 0 30px
}

.kbj .kbj-tab-name span:before {
    position: absolute;
    left: 10px;
    top: 15px;
    content: '';
    width: 4px;
    height: 4px;
    border: 2px solid #646464;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.kbj .kbj-tab-name span.active {
    color: #5c20ff;
    border-bottom: 4px solid #5717ff
}

.kbj .kbj-tab-name span.active:before {
    width: 10px;
    height: 10px;
    top: 12px;
    left: 5px;
    border: 2px solid #5717ff
}

.kbj .kbj-tab-name span.active:after {
    content: '';
    width: 13px;
    height: 8px;
    position: absolute;
    left: 50%;
    bottom: -12px;
    margin-left: -6.5px;
    background: url(//www.xinhuanet.com/world/ciie2019/images/ic_sjx.png) no-repeat
}

.kbj .kbj-tab-item {
    display: none;
    margin-top: 30px;
    width: 1240px
}

.kbj .kbj-tab-item.active {
    display: block
}

.kbj .kbj-tab-item .item-style1 {
    float: left;
    width: 570px;
    height: 128px;
    overflow: hidden;
    margin-right: 50px;
    margin-bottom: 40px
}

.rmch {
    margin-top: 60px
}

.part04 {
    width: 100%;
    margin-top: 38px
}

.part04_box {
    height: 752px;
    background: url(qmty_bg.jpg) 50% 0 no-repeat
}

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

.part04_left {
    width: 360px;
    float: left;
    margin-left: 20px;
    margin-top: 50px
}

.part04_left .tab_box {
    width: 273px;
    height: 585px;
    padding: 19px 20px;
    background: url(part04_anBG_v3.png) 50% 0 no-repeat;
    float: right;
    overflow: hidden
}

.part04_left .tab_box .tab_box_content2 {
    position: relative;
    width: 100%;
    height:100%;
}

.part04_left .tab_box .tab_box_content2 img {
    position: relative;
    z-index: 1;
    width: 100%;
    height:100%;
}

.part04_left .tab_box .video-cont {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 6;
    overflow: hidden
}

.part04_left .tab_box .video-cont video {
    width: 100%
}

.part04_left .tab_box .video-cont .video-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 30px;
    height: 30px;
    background: url(data:image/png;base64,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) 0 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    cursor: pointer
}

.part04_right {
    width: 720px;
    margin-right: 20px;
    float: right;
    margin-top: 50px
}

.part04_right .picTitle {
    position: relative;
    cursor: pointer
}

.part04_right .picList {
    overflow: hidden;
    margin-bottom: 10px
}

.part04_right .big {
    float: left
}

.part04_right .small {
    float: right
}

.part04_right .big .picTitle {
    width: 450px
}

.part04_right .big .picTitle img {
    width: 450px;
    height: 300px
}

.part04_right .small .picTitle {
    width: 260px
}

.part04_right .small .picTitle+.picTitle {
    width: 260px;
    margin-top: 9px
}

.part04_right .small .picTitle img {
    width: 260px
}

.part04_right .picTitle .bg {
    background: #000;
    bottom: 0;
    height: 30px;
    left: 0;
    opacity: .4;
    position: absolute;
    width: 100%;
    z-index: 10
}

.part04_right .picTitle .name {
    bottom: 0;
    color: #fff;
    height: 30px;
    left: 0;
    line-height: 30px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 11
}

.part04_right .picTitle .name a {
    color: #fff;
    text-decoration: none
}

.part04_right .picTitle .name a:hover {
    text-decoration: underline
}

.part04_gundong {
    background: url(tabtextbg.png) 100% 100% no-repeat;
    padding: 20px
}

.part04_gundong .swiper-container {
    width: 680px;
    height: 260px
}

.part04_gundong .swiper-slide {
    height: auto;
    min-height: 120px;
    cursor: pointer
}

.part04_gundong .swiper-slide+.swiper-slide {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #bfbfbf
}

.part04_gundong .swiper-slide img {
    width: 170px;
    height: 95px;
    float: left;
    margin-right: 20px
}

.part04_gundong .swiper-slide h3 {
    font-size: 22px;
    line-height: 32px;
    color: #fff
}

.part04_gundong .swiper-slide h3 a {
    color: #fff
}

.part04_gundong .swiper-slide p {
    font-size: 16px;
    color: #e7e7e7;
    line-height: 26px
}