/* animated*/
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn02 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn02 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInUp02 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp02 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInDown02 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown02 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInLeft02 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft02 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes myfirst {
    0% {
        transform: translate(0px, 0px);
        opacity: 0;
    }

    50% {
        transform: translate(0px, -10px);
        opacity: 1;
    }

    100% {
        transform: translate(0px, 0px);
        opacity: .2;
    }
}

@keyframes myfirst {
    0% {
        transform: translate(0px, 0px);
        opacity: 0;
    }

    50% {
        transform: translate(0px, -10px);
        opacity: 1;
    }

    100% {
        transform: translate(0px, 0px);
        opacity: .2;
    }
}

@-webkit-keyframes scale_img {
    0% {
        transform: scale(1) translateX(0px);
    }

    50% {
        transform: scale(1.5) translateX(50px);
    }

    100% {
        transform: scale(2) translateX(50px);
    }
}

@keyframes scale_img {
    0% {
        transform: scale(1) translateX(0px);
    }

    50% {
        transform: scale(1.5) translateX(50px);
    }

    100% {
        transform: scale(2) translateX(50px);
    }
}

@-webkit-keyframes icon_video {
    0% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 1;
    }

    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0.8;
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0.55;
    }

    75% {
        -webkit-transform: scale(1.32);
        transform: scale(1.32);
        opacity: 0.3;
    }

    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0;
    }
}

@keyframes icon_video {
    0% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 1;
    }

    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0.8;
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0.55;
    }

    75% {
        -webkit-transform: scale(1.32);
        transform: scale(1.32);
        opacity: 0.3;
    }

    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0;
    }
}

@-webkit-keyframes icon_video02 {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes icon_video02 {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes play_rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@-webkit-keyframes play_rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes bigToLittle {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes bigToLittle {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes online_le {
    0% {
        -webkit-transform: translateX(150px);
        -ms-transform: translateX(150px);
        transform: translateX(150px)
    }

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

    100% {
        -webkit-transform: translateX(150px);
        -ms-transform: translateX(150px);
        transform: translateX(150px)
    }
}

@-webkit-keyframes online_le {
    0% {
        -webkit-transform: translateX(150px);
        -ms-transform: translateX(150px);
        transform: translateX(150px)
    }

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

    100% {
        -webkit-transform: translateX(150px);
        -ms-transform: translateX(150px);
        transform: translateX(150px)
    }
}

@keyframes hoverBtn {

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

    51% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 1
    }

    52% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    53% {
        opacity: 0
    }

    54% {
        opacity: 1
    }
}

@-webkit-keyframes hoverBtn {

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

    51% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 1
    }

    52% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    53% {
        opacity: 0
    }

    54% {
        opacity: 1
    }
}

@-webkit-keyframes circle01 {
    0% {
        transform: translate(0, 0) rotate(45deg);
        -webkit-transform: translate(0, 0) rotate(45deg);
    }

    15% {
        transform: translate(-30px, -20px) rotate(90deg);
        -webkit-transform: translate(-30px, -20px) rotate(90deg);
    }

    50% {
        transform: translate(30px, 20px) rotate(135deg);
        -webkit-transform: translate(30px, 20px) rotate(135deg);
    }

    75% {
        transform: translate(-30px, -20px) rotate(235deg);
        -webkit-transform: translate(-30px, -20px) rotate(235deg);
    }

    100% {
        transform: translate(0px, 0) rotate(45deg);
        -webkit-transform: translate(0px, 0) rotate(45deg);
    }
}

@keyframes circle01 {
    0% {
        transform: translate(0, 0) rotate(45deg);
        -webkit-transform: translate(0, 0) rotate(45deg);
    }

    15% {
        transform: translate(-30px, -20px) rotate(90deg);
        -webkit-transform: translate(-30px, -20px) rotate(90deg);
    }

    50% {
        transform: translate(30px, 20px) rotate(135deg);
        -webkit-transform: translate(30px, 20px) rotate(135deg);
    }

    75% {
        transform: translate(-30px, -20px) rotate(235deg);
        -webkit-transform: translate(-30px, -20px) rotate(235deg);
    }

    100% {
        transform: translate(0px, 0) rotate(45deg);
        -webkit-transform: translate(0px, 0) rotate(45deg);
    }
}

@-webkit-keyframes circle02 {
    0% {
        transform: translate(0, 0) rotate(45deg);
        -webkit-transform: translate(0, 0) rotate(45deg);
    }

    15% {
        transform: translate(30px, 20px) rotate(90deg);
        -webkit-transform: translate(30px, 20px) rotate(90deg);
    }

    50% {
        transform: translate(-30px, -20px) rotate(135deg);
        -webkit-transform: translate(-30px, -20px) rotate(135deg);
    }

    75% {
        transform: translate(30px, 20px) rotate(235deg);
        -webkit-transform: translate(30px, 20px) rotate(235deg);
    }

    100% {
        transform: translate(0px, 0) rotate(45deg);
        -webkit-transform: translate(0px, 0) rotate(45deg);
    }
}

@keyframes circle02 {
    0% {
        transform: translate(0, 0) rotate(45deg);
        -webkit-transform: translate(0, 0) rotate(45deg);
    }

    15% {
        transform: translate(30px, 20px) rotate(90deg);
        -webkit-transform: translate(30px, 20px) rotate(90deg);
    }

    50% {
        transform: translate(-30px, -20px) rotate(135deg);
        -webkit-transform: translate(-30px, -20px) rotate(135deg);
    }

    75% {
        transform: translate(30px, 20px) rotate(235deg);
        -webkit-transform: translate(30px, 20px) rotate(235deg);
    }

    100% {
        transform: translate(0px, 0) rotate(45deg);
        -webkit-transform: translate(0px, 0) rotate(45deg);
    }
}

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

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

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

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

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeIn02 {
    -webkit-animation-name: fadeIn02;
    animation-name: fadeIn02
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeInUp02 {
    -webkit-animation-name: fadeInUp02;
    animation-name: fadeInUp02
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.fadeInDown02 {
    -webkit-animation-name: fadeInDown02;
    animation-name: fadeInDown02
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeInLeft02 {
    -webkit-animation-name: fadeInLeft02;
    animation-name: fadeInLeft02
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.myfirst {
    -webkit-animation-name: myfirst;
    animation-name: myfirst
}

.scale_img {
    -webkit-animation-name: scale_img;
    animation-name: scale_img
}

.icon_video {
    -webkit-animation-name: icon_video;
    animation-name: icon_video;
}

.icon_video02 {
    -webkit-animation-name: icon_video02;
    animation-name: icon_video02;
}

.play_rotate {
    -webkit-animation-name: play_rotate;
    animation-name: play_rotate;
}

.bigToLittle {
    -webkit-animation-name: bigToLittle;
    animation-name: bigToLittle;
}

.online_le {
    -webkit-animation-name: online_le;
    animation-name: online_le;
}

.hoverBtn {
    -webkit-animation-name: hoverBtn;
    animation-name: hoverBtn;
}

.circle01 {
    -webkit-animation-name: circle01;
    animation-name: circle01;
}

.circle02 {
    -webkit-animation-name: circle02;
    animation-name: circle02;
}

/* loading*/
.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: url(../images/loading_bg.jpg) no-repeat center;*/
    /* background-size: cover;*/
    z-index: 10000;
}

.loading .title {
    text-align: center;
    position: relative;
    top: 30%;
    z-index: 9;
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
}

.loading video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

/* 加载提示*/
.mouse {
    width: 32px;
    position: fixed;
    bottom: 60px;
    right: 40px;
    z-index: 10002;
}

.mouse i {
    width: 32px;
    height: 12px;
    background: url(../images/mouse_d.png) no-repeat center;
    animation: myfirst 2s infinite;
    -webkit-animation: myfirst 2s infinite;
    position: absolute;
    left: 0;
    top: 20px;
}

/* index*/
.banner .float {
    width: 1200px;
    height: 143px;
    background: url(../images/ico25.png) no-repeat center;
    background-size: cover;
    padding: 36px 36px 0;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: -66px;
    z-index: 2;
    display: none;
}

.banner .float .list {
    width: 80%;
    margin: 0 auto;
}

.banner .float .list .li:hover .pos {
    display: block;
}

.banner .float .list .li .pos {
    display: none;
    width: 100px;
    position: absolute;
    left: 0;
    top: -90px;
}

.banner .float .list .li {
    float: left;
    width: 33.333%;
    line-height: 71px;
    position: relative;
}

.banner .float .list .li img {
    float: left;
    width: 77px;
    height: 77px;
    margin-right: 11px;
}

.banner .float .list .li .text {
    display: inline-block;
    vertical-align: middle;
}

.banner .float .list .li h3 {
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
}

.banner .float .list .li p {
    font-family: 'en';
    font-size: 14px;
    color: #ffffff;
    color: rgba(255, 255, 255, .3);
    line-height: 14px;
    text-transform: uppercase;
}

.index .con01 .content {
    position: relative;
    z-index: 2;
    width: 85%;
}

.index .con01 {
    background-color: #f8f8f8;
    background: -webkit-linear-gradient(0deg, #e2f3f7 0%, #f8f8f8 100%);
    background: -moz-linear-gradient(0deg, #e2f3f7 0%, #f8f8f8 100%);
    background: -o-linear-gradient(0deg, #e2f3f7 0%, #f8f8f8 100%);
    background: -ms-linear-gradient(0deg, #e2f3f7 0%, #f8f8f8 100%);
    background: linear-gradient(0deg, #e2f3f7 0%, #f8f8f8 100%);
    border-top: 2px solid #e1e1e1;
    text-align: center;
    padding: 40px 0 128px;
    margin-top: 77px;
}

.index .title {
    text-align: center;
}

.index .title .cn {
    font-size: 24px;
    color: #075fd6;
    line-height: 30px;
}

.index .title .en {
    font-family: 'en';
    font-size: 32px;
    color: #dddddd;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: -.5px;
    margin-top: 5px;
}

.index .con01 .title {
    position: relative;
    top: -74px;
}

.index .con01 .title .cn {
    display: inline-block;
    padding: 13px 47px;
    background-color: #fff;
    border: 2px solid #e1e1e1;
    margin-bottom: 30px;
}

.index .con01 .title .en {
    font-size: 144px;
    color: #d2ecf5;
    margin: 0;
    background-image: -webkit-linear-gradient(bottom, transparent, #d2ecf5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.index .con01 .list {
    font-size: 0;
    text-align: center;
    margin: -95px -5px 0;
}

.index .con01 .list .li {
    display: inline-block;
    width: 16.66666667%;
    padding: 0 5px;
}

.index .con01 .list .li .img {
    position: relative;
}

.index .con01 .list .li .img img {
    width: 100%;
}

.index .con01 .list .li .detailed {
    height: 106px;
    background-color: #fff;
    padding: 22px 0px 12px 18px;
    text-align: left;
    overflow: hidden;
    position: relative;
}

.index .con01 .list .li .detailed .name .cn {
    font-size: 16px;
    color: #666666;
    line-height: 22px;
    margin-bottom: 3px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.index .con01 .list .li .detailed .name .en {
    font-family: 'en';
    font-size: 14px;
    color: #075fd6;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.index .con01 .list .li .detailed .num {
    font-family: 'en';
    font-size: 50px;
    color: #daeaf0;
    color: rgba(218, 234, 240, .4);
    line-height: 1;
    font-weight: bold;
    position: absolute;
    right: 14px;
    bottom: 3px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.index .con01 .list .li a:hover .detailed .name {
    color: #075fd6;
}

.index .con01 .list .li a:hover .detailed .num {
    color: rgba(218, 234, 240, .8);
}

.index .con02 {
    background: url(../images/index_1on.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding-bottom: 214px;
}

.index .con02:before {
    content: '';
    width: 100%;
    height: 214px;
    background: url(../images/index_1ons.jpg) no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
}

.index .con02 .title {
    margin: 125px 0 56px;
    text-align: center;
}

.index .con02 .title .cn {
    color: #075fd6;
}

.index .con02 .title .en {
    color: #dddddd;
}

.index .con02 .side02 {
    position: relative;
    z-index: 2;
}

.index .con02 .side02 .bd {
    overflow: hidden;
    width: 1215px;
}

.index .con02 .side02 .tempWrap {
    width: 1200px !important;
}

.index .con02 .side02 .item {
    float: left;
    width: 390px;
    height: 400px;
    margin-right: 15px;
    position: relative;
}

.index .con02 .side02 .item.live_icon .img:before {
    content: '';
    width: 51px;
    height: 50px;
    background: url(../images/live_icon.png) no-repeat center;
    opacity: .7;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.index .con02 .side02 .item.live_icon .img:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    left: 0;
    top: 0;
}

.index .con02 .side02 .item .img {
    width: 100%;
    height: 265px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.index .con02 .side02 .item .detailed {
    text-align: left;
    height: 135px;
    background-color: #fff;
    padding: 30px 26px 0;
    position: relative;
}

.index .con02 .side02 .item .detailed .name {
    font-size: 16px;
    color: #666666;
    line-height: 22px;
    min-height: 44px;
    margin-bottom: 5px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.index .con02 .side02 .item .detailed .date {
    font-family: 'en';
    font-size: 20px;
    color: #fe7800;
    line-height: 1;
    margin-top: 6px;
}

.index .con02 .side02 .item .detailed .live {
    font-size: 18px;
    color: #ff3b43;
    padding-left: 30px;
    line-height: 24px;
    background: url(../images/live_icon02.png) no-repeat left 0;
    position: absolute;
    left: 26px;
    bottom: 20px;
    display: none;
}

.index .con02 .side02 .item.live_icon .detailed .live {
    display: block;
}

.index .con02 .side02 .item:hover .detailed .name {
    color: #075fd6;
}

.index .con02 .side02 .hd,
.index .con03 .side03 .hd {
    width: 1200px;
    height: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    z-index: 99;
    text-align: center;
}

.index .con02 .side02 .hd ul li.on,
.index .con03 .side03 .hd ul li.on {
    border: 3px solid #fff;
    background-color: #fff;
}

.index .con02 .side02 .hd ul li,
.index .con03 .side03 .hd ul li {
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    color: transparent;
    background-color: transparent;
    border: 3px solid #FFF;
    border-radius: 50%;
    margin-left: 8px;
    transition: all .4s;
    cursor: pointer;
}

.index .con02 .side02 .btn {
    display: none;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background-color: #ffffff;
    border-radius: 50%;
    background-image: url(../images/btn.png);
    background-repeat: no-repeat;
    border: 4px solid #bfcedc;
    z-index: 9;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.index .con02 .side02 .next {
    right: -105px;
    background-position: -72px -68px;
}

.index .con02 .side02 .prev {
    left: -105px;
    background-position: -2px -2px;
}

.index .con02 .side02 .btn:hover {
    border: 4px solid #ffb675;
}

.index .con02 .side02 .prev:hover {
    background-position: -72px -2px;
}

.index .con02 .side02 .next:hover {
    background-position: -1px -67px;
}

.index .con03 {
    background-color: #e4f1f4;
    padding: 54px 0 103px;
}

.index .con03 .title .en {
    color: #cde2de;
}

.index .con03 .side03 {
    position: relative;
    z-index: 2;
    margin-top: 42px;
}

.index .con03 .side03 .bd {
    overflow: hidden;
    width: 1245px;
}

.index .con03 .side03 .tempWrap {
    width: 1200px !important;
}

.index .con03 .side03 .item {
    float: left;
    width: 370px;
    height: 453px;
    margin-right: 45px;
    position: relative;
    background: url(../images/ico69.jpg) no-repeat center;
    padding-top: 30px;
}

.index .con03 .side03 .item .img {
    width: 196px;
    height: 196px;
    background: url(../images/ico67.png) no-repeat center;
    border-radius: 50%;
    position: relative;
    padding: 3px;
    margin: auto;
}

.index .con03 .side03 .item .img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.index .con03 .side03 .item .detailed {
    width: 329px;
    height: 200px;
    background-color: #cee5eb;
    padding: 20px 24px 0 20px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.index .con03 .side03 .item .detailed .name {
    font-size: 14px;
    color: #20353c;
    line-height: 20px;
    height: 60px;
    margin-bottom: 6px;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.index .con03 .side03 .item .detailed .position {
    font-size: 14px;
    color: #027d99;
    line-height: 20px;
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.index .con03 .side03 .item .detailed .position em {
    display: block;
}

.index .con03 .side03 .item .detailed .text {
    font-size: 14px;
    color: #027d99;
    line-height: 20px;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.index .con03 .side03 .item:hover .detailed {
    background-color: #0848bf;
}

.index .con03 .side03 .item:hover .detailed .name {
    color: #76ffe0;
}

.index .con03 .side03 .item:hover .detailed .position {
    color: #ffffff;
}

.index .con03 .side03 .item:hover .detailed .text {
    color: #ffffff;
}

.index .con03 .side03 .btn {
    display: none;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background-color: #ffffff;
    border-radius: 50%;
    background-image: url(../images/btn.png);
    background-repeat: no-repeat;
    border: 4px solid #bfcedc;
    z-index: 9;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.index .con03 .side03 .next {
    right: -105px;
    background-position: -72px -68px;
}

.index .con03 .side03 .prev {
    left: -105px;
    background-position: -2px -2px;
}

.index .con03 .side03 .btn:hover {
    border: 4px solid #ffb675;
}

.index .con03 .side03 .prev:hover {
    background-position: -72px -2px;
}

.index .con03 .side03 .next:hover {
    background-position: -1px -67px;
}

.index .con04 {
    height: 583px;
    background: url(../images/ico20.jpg) no-repeat right center;
    position: relative;
    overflow: hidden;
    background-size: cover;
}

.index .con04 .title {
    margin: 30px 0 52px;
    text-align: center;
}

.index .con04 .title .cn {
    color: #fff;
}

.index .con04 .title .en {
    color: #fff;
    color: rgba(255, 255, 255, .3);
}

.index .con04 .list {
    margin: 0 -12px;
}

.index .con04 .list .li {
    float: left;
    width: 33.3333%;
    padding: 0 12px;
    position: relative;
    text-align: center;
}

.index .con04 .list .li a {
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    position: relative;
}

.index .con04 .list .li .img {
    padding: 12px;
    background-color: #fff;
    border-radius: 6px;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.index .con04 .list .li a img {
    border-radius: 6px;
}

.index .con04 .list .li .img:after {
    content: '';
    width: 343px;
    height: 24px;
    background: url(../images/ico36.png) no-repeat center bottom;
    background-size: cover;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
}

.index .con04 .list .li .img:before {
    content: '';
    width: 93%;
    height: 100%;
    background: url(../images/ico24.png) no-repeat center bottom;
    background-size: cover;
    border-radius: 6px;
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0;
    margin: auto;
}

.index .con04 .list .li .detailed {
    line-height: 34px;
    color: #fff;
    text-align: center;
    margin-top: 5px;
    position: relative;
    z-index: 2;
}

.index .con04 .list .li .detailed h3 {
    font-size: 16px;
    max-width: 96%;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: auto;
}

.index .con04 .list .li a:hover {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

.index .con04 .list .li a:hover .img {
    box-shadow: 0px 16px 27px rgba(0, 146, 182, .9);
}

.index .con05 {
    background: url(../images/ico56.jpg) no-repeat center/cover;
    min-height: 845px;
    padding: 138px 0 93px;
}

.index .con05 .title .cn {
    position: relative;
    z-index: 2;
}

.index .con05 .title .en {
    font-size: 100px;
    color: #9fdef0;
    margin: 0;
    background-image: -webkit-linear-gradient(bottom, transparent, #9fdef0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    letter-spacing: -2px;
    position: relative;
    margin-top: -85px;
}

.index .con05 .con {
    overflow: hidden;
    margin-top: 36px;
}

.index .con05 .item01 {
    width: 480px;
    height: 567px;
    float: left;
    background-color: #0061ae;
}

.index .con05 .list {
    width: 720px;
    float: right;
}

.index .con05 .list .item {
    width: 342px;
    height: 274px;
    float: left;
    margin-left: 18px;
    background-color: #fff;
}

.index .con05 .list .item.item02,
.index .con05 .list .item.item03 {
    margin-bottom: 19px;
}

.index .con05 .img {
    width: 100%;
    background: no-repeat center;
    background-size: cover;
}

.index .con05 .item01 .img {
    height: 339px;
}

.index .con05 .list .img {
    height: 175px;
}

.index .con05 .information {
    padding: 31px 24px;
    position: relative;
}

.index .con05 .item01 .information {
    padding: 52px 36px 0;
}

.index .con05 .name .cn {
    font-size: 16px;
    color: #666666;
    line-height: 18px;
}

.index .con05 .item01 .name .cn {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
}

.index .con05 .name .en {
    font-family: 'en';
    font-size: 14px;
    color: #075fd6;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.index .con05 .item01 .name .en {
    font-size: 16px;
    color: #fff;
    color: rgba(255, 255, 255, .7);
}

.index .con05 .text {
    color: #c3cdf4;
    line-height: 22px;
    margin-top: 14px;
}

.index .con05 .icon {
    position: absolute;
    right: 25px;
    bottom: 10px;
}

.index .con05 .item01 .icon {
    right: 36px;
    bottom: auto;
    top: 23px;
}

/* 波浪*/
.sea_wave {
    position: relative;
    width: 100%;
    height: 90px;
    background-color: #153faa;
    margin-top: 26px;
    z-index: 99;
}

.sea_wave .wave-box {
    bottom: 60px;
}

.wave-box {
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 204px;
    left: 0;
}

.marquee-box {
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.marquee {
    width: 8000%;
    height: 60px;
}

.wave-list-box {
    float: left;
}

.wave-list-box ul {
    float: left;
    height: 60px;
    overflow: hidden;
    zoom: 1;
}

.wave-list-box ul li {
    height: 60px;
    width: 100%;
    float: left;
    line-height: 30px;
    list-style: none;
}

/* page_ban*/
.page_ban {
    width: 100%;
    height: 457px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.page_ban .content {
    position: relative;
    height: 100%;
}

.page_ban .content .detailed {
    padding-top: 310px;
    position: relative;
    z-index: 2;
    text-align: right;
}

.page_ban .content .detailed .en {
    font-family: 'en';
    font-size: 36px;
    color: #075fd6;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 15px;
    position: relative;
    letter-spacing: -2px;
    font-weight: bold;
}

.page_ban .content .detailed .en em {
    display: inline-block;
}

.page_ban .content .detailed .en:before {
    content: '';
    width: 22px;
    height: 4px;
    background-color: #fff;
    position: absolute;
    top: -18px;
    right: 0;
    transition: width .5s ease-out;
    -webkit-transition: width .5s ease-out;
}

.page_ban:hover .content .detailed .en:before {
    width: 34px;
}

.page_ban .content .detailed .cn {
    font-size: 34px;
    color: #ffffff;
    font-weight: lighter;
    line-height: 1;
}

.page_ban .page_nav {
    width: 100%;
    line-height: 90px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.page_ban .page_nav:before {
    content: '';
    width: 1320px;
    height: 90px;
    background-color: #fff;
    border-bottom: 1px solid #012f6d;
    border-bottom: 1px solid rgba(1, 47, 109, .1);
    position: absolute;
    left: -60px;
    bottom: 0;
}

.page_ban .page_nav a {
    font-size: 14px;
    color: #333333;
    float: left;
    position: relative;
    margin-left: 36px;
    z-index: 2;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.page_ban .page_nav a+a {
    margin-left: 20px;
}

.page_ban .page_nav a:before {
    content: '';
    width: 4px;
    height: 5px;
    background: url(../images/position_on.png) no-repeat center;
    position: absolute;
    left: -12px;
    top: 50%;
    margin-top: -2.5px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.page_ban .page_nav a:after {
    content: '';
    width: 10px;
    height: 10px;
    background: url(../images/position.png) no-repeat center;
    position: absolute;
    left: -35px;
    top: 50%;
    margin-top: -5px;
}

.page_ban .page_nav a+a:after {
    display: none;
}

.page_ban .page_nav a:hover {
    color: #0061ae;
}

.page_ban .page_nav a:hover:before {
    background: url(../images/position_ons.png) no-repeat center;
}

.wrapper .content {
    position: relative;
    min-height: 980px;
}

/* .wrapper .content:after{content: '';width: 1610px;height: 30px;background: url(../images/page_whitebg.png) repeat-y;position: absolute;right: -360px;bottom: -30px;background-size: 100% 100%;}
.wrapper .content:before{content: '';width: 1610px;height: 100%;background: #fff;position: absolute;right: -360px;top: 0;}*/
.wrapper .hidden {
    display: inline-block;
    padding: 58px 0 80px;
    position: relative;
    z-index: 2;
}

.wrapper .wrapper_nav {
    float: left;
    width: 300px;
    position: relative;
}

/* .wrapper .wrapper_nav:before{content: '';width: 350px;height: 680px;background: url(../images/wrapper_nav.png) no-repeat center #fff;position: absolute;top: -58px;left: -50px;z-index: -1;}*/
.wrapper .wrapper_nav .name em {
    display: block;
}

.wrapper .wrapper_nav .list {
    margin: 18px 0 0 0 !important;
    width: 70%;
    overflow: visible;
}

.wrapper .wrapper_nav .list li a {
    font-size: 16px;
    color: #8b9092;
    line-height: 24px;
    position: relative;
    display: inline-block;
    margin-bottom: 12px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.wrapper .wrapper_nav .list li a.on {
    color: #0061ae;
}

.wrapper .wrapper_nav .list li:hover a:after,
.wrapper .wrapper_nav .list li.animated a.on:after {
    width: -moz-calc(100% + 140px);
    width: -webkit-calc(100% + 140px);
    width: calc(100% + 140px);
}

.wrapper .wrapper_nav .list li a:after {
    content: '';
    width: 0;
    height: 138%;
    background-color: #f3f5fb;
    position: absolute;
    left: -60px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}

.wrapper .wrapper_nav .list li a:before {
    content: '';
    height: 16px;
    background: url(../images/ico1.png) no-repeat center;
    position: absolute;
    right: -32px;
    top: 5px;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-transition: all .4s .8s;
    -o-transition: all .4s .8s;
    transition: all .4s .8s;
}

.wrapper .wrapper_nav .list li:hover a:before,
.wrapper .wrapper_nav .list li.animated a.on:before {
    width: 34px;
    opacity: 1;
    filter: Alpha(opacity=100);
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
}

.wrapper .wrapper_nav .list li a.on:before {}

.wrapper .wrapper_nav .list li a:hover {
    color: #0061ae;
}

/* .wrapper .wrapper_nav .list li:hover a.on:before{transform: translateX(15px);-webkit-transform: translateX(15px);opacity: 1;filter: Alpha(opacity=100);}*/
.wrapper .detailed {
    float: left;
    width: 900px;
}

.wrapper .detailed .auto {
    width: 100%;
}

.wrapper .detailed .title {
    margin-bottom: 22px;
}

.wrapper .detailed>.title .cn {
    font-size: 26px;
    color: #075fd6;
    line-height: 38px;
}

.wrapper .detailed>.title .en {
    font-family: 'en';
    font-size: 24px;
    color: #d9c48b;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 5px;
}

.wrapper .detailed h3.cn {
    font-size: 15px;
    color: #075fd6;
    line-height: 24px;
    padding: 0 !important;
    margin-bottom: 4px;
}

.about .wrapper .detailed .box a {
    height: 72px;
    line-height: 72px;
    background-color: #5bb8d7;
    padding: 0 78px 0 36px;
    border-radius: 4px;
    box-shadow: 0px 9px 25px rgba(23, 184, 237, .4);
    font-size: 16px;
    color: #fff;
    margin-top: 36px;
    position: relative;
    display: inline-block;
}

.about .wrapper .detailed .box a:before {
    content: '';
    width: 26px;
    height: 72px;
    background: url(../images/ico2.png) no-repeat center;
    position: absolute;
    right: 38px;
    top: 0;
}

/* about2*/
.about2 .wrapper .detailed .img {
    position: relative;
    height: 240px;
    padding: 92px 70px 20px 70px;
    overflow: hidden;
}

.about2 .wrapper .detailed .img .bg {
    width: 900px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: scale_img 30s infinite ease-out alternate;
    animation: scale_img 30s infinite ease-out alternate;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.about2 .wrapper .detailed .img .cn {
    font-size: 20px;
    color: #075fd6;
    line-height: 26px;
}

.about2 .wrapper .detailed .img .cn b {
    font-size: 26px;
    font-weight: bold;
    display: block;
}

.about2 .wrapper .detailed .img .en {
    font-family: 'en';
    font-size: 24px;
    color: #d9c48b;
    line-height: 35px;
    text-transform: uppercase;
    margin-top: 5px;
}

.about2 .wrapper .detailed .list .li {
    overflow: hidden;
    padding: 30px 0;
    border-bottom: 1px dashed #dae1e6;
    position: relative;
}

.about2 .wrapper .detailed .list .li:before {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    z-index: 1;
    background: url(../images/ico4.jpg) no-repeat;
    background-size: cover;
    height: 100%;
    z-index: -1;
}

.about2 .wrapper .detailed .list .li h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    margin-bottom: 4px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.about2 .wrapper .detailed .list .li p {
    font-size: 14px;
    color: #5f5e5e;
    color: rgba(95, 94, 94, .7);
    line-height: 24px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.about2 .wrapper .detailed .list .li:hover:before {
    left: 0%;
    right: 0%;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.about2 .wrapper .detailed .list .li:hover h3 {
    color: #075fd6;
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
}

.about2 .wrapper .detailed .list .li:hover p {
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
}

.about2 .wrapper .detailed .list02 {
    margin: 0 -15px;
    overflow: hidden;
}

.about2 .wrapper .detailed .list02 .li {
    float: left;
    width: 33.3333%;
    height: 230px;
    padding: 0 15px;
    margin-top: 30px;
}

.about2 .wrapper .detailed .list02 .li a {
    width: 100%;
    height: 100%;
    border: 1px solid #d4dcdb;
    padding: 35px 15px 0 30px;
}

.about2 .wrapper .detailed .list02 .li .ico {
    width: 62px;
    height: 66px;
}

.about2 .wrapper .detailed .list02 .li .text h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    margin: 15px 0 3px;
}

.about2 .wrapper .detailed .list02 .li .text p {
    font-size: 15px;
}

/* about3*/
.about3 .wrapper .detailed {
    margin-bottom: 20px;
}

.about3 .wrapper .detailed h3 {
    font-size: 20px;
    color: #075fd6;
    line-height: 30px;
    padding-bottom: 18px;
}

.about3 .wrapper .detailed .box p {
    margin-bottom: 20px;
}

/* about4*/
.about4 .wrapper .detailed h3 {
    font-size: 20px;
    color: #075fd6;
    line-height: 30px;
    padding-bottom: 18px;
}

.about4 .wrapper .detailed .box h3 {
    font-size: 15px;
    color: #075fd6;
    line-height: 24px;
    margin-bottom: 4px;
    padding-bottom: 0;
}

table.name {
    width: 100%;
    font-size: 15px;
    color: #5f5e5e;
    text-align: center;
    border-width: 1px;
    border-color: #c4ddd7;
    border-collapse: collapse;
}

table.name tr {
    background-color: #dbece8;
}

table.name td {
    border-width: 1px;
    padding: 12px 18px;
    border-style: solid;
    border-color: #c4ddd7;
}

table.schedule {
    width: 100%;
    color: #848484;
    border-width: 1px;
    border-color: #e4edee;
    border-collapse: collapse;
}

table.schedule tr {
    background-color: #fff;
}

table.schedule td {
    border-width: 1px;
    padding: 12px 18px;
    border-style: solid;
    border-color: #e4edee;
    word-break: normal !important;
}

table.schedule td.num01 {
    width: 140px;
}

table.schedule td.num02 {
    width: 300px;
}

table.schedule td.num03 {
    width: 270px;
}

table.schedule td strong {
    display: inline-block;
}

.about4 .wrapper .detailed .tabBox {
    position: relative;
    width: 810px;
    margin: auto;
    overflow: hidden;
    z-index: 2;
}

.about4 .wrapper .detailed .tabBox .swiper-wrapper {
    margin: 0 auto;
}

.about4 .wrapper .detailed .tabBox .swiper-slide {
    line-height: 47px;
    color: #b9b9b9;
    cursor: pointer;
}

.about4 .wrapper .detailed .tabBox .swiper-slide.swiper-slide-thumb-active {
    color: #075fd6;
}

.about4 .wrapper .detailed .side {
    padding-top: 47px;
    margin: -47px 0 25px;
    position: relative;
}

.about4 .wrapper .detailed .side:before {
    content: '';
    width: 1px;
    height: 47px;
    background-color: #e4edee;
    position: absolute;
    left: 0;
    top: 0;
}

.about4 .wrapper .detailed .side:after {
    content: '';
    width: 1px;
    height: 47px;
    background-color: #e4edee;
    position: absolute;
    right: 0;
    top: 0;
}

.about4 .wrapper .detailed .side .btn {
    width: 44px;
    height: 16px;
    position: absolute;
    top: 35px;
    z-index: 9;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.about4 .wrapper .detailed .side .btn.swiper-button-prev {
    left: 24px;
    background: url(../images/ico10_on.png) no-repeat left center;
}

.about4 .wrapper .detailed .side .btn.swiper-button-prev.swiper-button-disabled {
    background: url(../images/ico10.png) no-repeat left center;
}

.about4 .wrapper .detailed .side .btn.swiper-button-next {
    right: 24px;
    background: url(../images/ico11_on.png) no-repeat right center;
}

.about4 .wrapper .detailed .side .btn.swiper-button-next.swiper-button-disabled {
    background: url(../images/ico11.png) no-repeat right center;
}

.about4 .wrapper .detailed .side .btn.swiper-button-prev:hover {
    background: url(../images/ico10_on.png) no-repeat left center;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
}

.about4 .wrapper .detailed .side .btn.swiper-button-next:hover {
    background: url(../images/ico11_on.png) no-repeat right center;
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
}

/* about5*/
.about5 .wrapper .detailed .con01 {
    margin-top: 35px;
}

.about5 .wrapper .detailed .con01 .title {
    margin-bottom: 4px;
}

.about5 .wrapper .detailed .con01 .title .cn {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    margin: 0;
}

.about5 .wrapper .detailed .con01 .title .en {
    font-family: 'en';
    font-size: 24px;
    color: #075fd6;
    line-height: 1;
    text-transform: uppercase;
}

.about5 .wrapper .detailed .con01 .list {
    overflow: hidden;
    margin: 0 -16.5px;
}

.about5 .wrapper .detailed .con01 .list .li {
    float: left;
    width: 33.33333%;
    padding: 0 16.5px;
    margin-top: 19px;
}

.about5 .wrapper .detailed .con01 .list .li a {
    height: 98px;
    line-height: 98px;
    padding: 0 24px;
    border: 1px solid #d4dcdb;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.about5 .wrapper .detailed .con01 .list .li a h3 {
    font-size: 15px;
    color: #5f5e5e;
    color: rgba(95, 94, 94, .7);
    line-height: 98px;
    max-width: 96%;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
}

.about5 .wrapper .detailed .con01 .list .li a:before {
    content: '';
    width: 39px;
    height: 44px;
    background: url(../images/ico13.png) no-repeat center;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -22px;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.about5 .wrapper .detailed .con01 .list .li a:hover {
    background-color: #5bb8d7;
    box-shadow: 0px 9px 25px rgba(23, 184, 237, .4);
}

.about5 .wrapper .detailed .con01 .list .li a:hover h3 {
    color: #fff;
}

.about5 .wrapper .detailed .con01 .list .li a:hover:before {
    opacity: 1;
    filter: Alpha(opacity=100);
    animation: fadeInRight .6s linear forwards;
    -webkit-animation: fadeInRight .6s linear forwards;
}

/* about7*/
.about7 .wrapper .detailed .box a {
    height: 72px;
    line-height: 72px;
    background-color: #5bb8d7;
    padding: 0 78px 0 24px;
    border-radius: 4px;
    box-shadow: 0px 9px 25px rgba(23, 184, 237, .4);
    font-size: 16px;
    color: #fff;
    margin-top: 36px;
    position: relative;
    display: inline-block;
}

.about7 .wrapper .detailed .box a:before {
    content: '';
    width: 26px;
    height: 72px;
    background: url(../images/ico2.png) no-repeat center;
    position: absolute;
    right: 38px;
    top: 0;
}

/* about8*/
.about8 .wrapper .detailed .box a {
    height: 72px;
    line-height: 72px;
    background-color: #5bb8d7;
    padding: 0 55px 0 24px;
    border-radius: 4px;
    box-shadow: 0px 9px 25px rgba(23, 184, 237, .4);
    font-size: 16px;
    color: #fff;
    margin-top: 50px;
    position: relative;
    display: inline-block;
}

.about8 .wrapper .detailed .box a:before {
    content: '';
    width: 26px;
    height: 72px;
    background: url(../images/ico2.png) no-repeat center;
    position: absolute;
    right: 22px;
    top: 0;
}

/* about9*/
.about9 .wrapper .detailed .box .img {
    box-shadow: 0px 4px 8px rgba(201, 219, 229, .2);
}

.about9 .wrapper .detailed .box .list {
    overflow: hidden;
    margin: 65px 0 60px;
}

.about9 .wrapper .detailed .box .list .li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 0 20px;
}

.about9 .wrapper .detailed .box .list .li .ico {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: auto;
}

.about9 .wrapper .detailed .box .list .li h3 {
    font-size: 18px;
    color: #4a4a4a;
    line-height: 30px;
    margin: 22px 0 0 0;
}

.about9 .wrapper .detailed .box .list .li p {
    color: #9b9894;
    text-align: center;
}

.about9 .wrapper .detailed .box .list .li p em {
    font-family: 'en';
    font-weight: bold;
}

.about9 .wrapper .detailed .box .map {
    width: 100%;
    height: 388px;
}

.about9 .wrapper .detailed .box .map img {
    max-width: none;
}

.anchorBL,
.BMap_cpyCtrl.BMap_noprint {
    display: none;
}

/* exhibitions_shows*/
.exhibitions_shows .wrapper .detailed .img {
    position: relative;
    height: 350px;
    padding: 146px 70px 20px 442px;
    overflow: hidden;
}

.exhibitions_shows .wrapper .detailed .img .bg {
    width: 900px;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.exhibitions_shows .wrapper .detailed .img .cn {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}

.exhibitions_shows .wrapper .detailed .img .en {
    font-family: 'en';
    font-size: 20px;
    color: #fff;
    line-height: 19px;
    text-transform: uppercase;
    margin-top: 10px;
}

.exhibitions_shows .box {
    margin-top: 40px;
}

.exhibitions_shows .box h3:first-child {
    background: url(../images/ico2.jpg) no-repeat center bottom;
    border: none;
}

.exhibitions_shows .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.exhibitions_shows .box p {
    font-size: 15px;
}

/* exhibitions_shows2*/
.exhibitions_shows2 .wrapper .detailed .img {
    position: relative;
    height: 350px;
    padding: 122px 70px 20px 70px;
    overflow: hidden;
}

.exhibitions_shows2 .wrapper .detailed .img .bg {
    width: 900px;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.exhibitions_shows2 .wrapper .detailed .img .cn {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}

.exhibitions_shows2 .wrapper .detailed .img .en {
    font-family: 'en';
    font-size: 20px;
    color: #fff;
    line-height: 19px;
    text-transform: uppercase;
    margin-top: 10px;
}

.exhibitions_shows2 .box {
    margin-top: 40px;
}

.exhibitions_shows2 .box h3:first-child {
    background: url(../images/ico2.jpg) no-repeat center bottom;
    border: none;
}

.exhibitions_shows2 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.exhibitions_shows2 .box p {
    font-size: 15px;
}

/* exhibitions_shows3*/
.exhibitions_shows3 .wrapper .detailed .img {
    position: relative;
    height: 350px;
    padding: 122px 70px 20px 70px;
    overflow: hidden;
}

.exhibitions_shows3 .wrapper .detailed .img .bg {
    width: 900px;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.exhibitions_shows3 .wrapper .detailed .img .cn {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}

.exhibitions_shows3 .wrapper .detailed .img .en {
    font-family: 'en';
    font-size: 20px;
    color: #fff;
    line-height: 19px;
    text-transform: uppercase;
    margin-top: 10px;
}

.exhibitions_shows3 .box {
    margin-top: 40px;
}

.exhibitions_shows3 .box h3:first-child {
    background: url(../images/ico2.jpg) no-repeat center bottom;
    border: none;
}

.exhibitions_shows3 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.exhibitions_shows3 .box p {
    font-size: 15px;
}

/* exhibitions_shows4*/
.exhibitions_shows4 .wrapper .detailed .img {
    position: relative;
    height: 350px;
    padding: 133px 70px 20px 446px;
    overflow: hidden;
}

.exhibitions_shows4 .wrapper .detailed .img .bg {
    width: 900px;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.exhibitions_shows4 .wrapper .detailed .img .cn {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}

.exhibitions_shows4 .wrapper .detailed .img .en {
    font-family: 'en';
    font-size: 20px;
    color: #fff;
    line-height: 19px;
    text-transform: uppercase;
    margin-top: 10px;
}

.exhibitions_shows4 .box {
    margin-top: 40px;
}

.exhibitions_shows4 .box h3:first-child {
    background: url(../images/ico2.jpg) no-repeat center bottom;
    border: none;
}

.exhibitions_shows4 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.exhibitions_shows4 .box p {
    font-size: 15px;
}

/* exhibitions_shows5*/
.exhibitions_shows5 .wrapper .detailed .img {
    position: relative;
    height: 350px;
    padding: 162px 70px 20px 82px;
    overflow: hidden;
}

.exhibitions_shows5 .wrapper .detailed .img .bg {
    width: 900px;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.exhibitions_shows5 .wrapper .detailed .img .cn {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}

.exhibitions_shows5 .wrapper .detailed .img .en {
    font-family: 'en';
    font-size: 20px;
    color: #fff;
    line-height: 19px;
    text-transform: uppercase;
    margin-top: 10px;
}

.exhibitions_shows5 .box {
    margin-top: 40px;
}

.exhibitions_shows5 .box h3:first-child {
    background: url(../images/ico2.jpg) no-repeat center bottom;
    border: none;
}

.exhibitions_shows5 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.exhibitions_shows5 .box p {
    font-size: 15px;
}

/* exhibitions_shows6*/
.exhibitions_shows6 .wrapper .detailed .img {
    position: relative;
    height: 350px;
    padding: 145px 70px 20px 82px;
    overflow: hidden;
}

.exhibitions_shows6 .wrapper .detailed .img .bg {
    width: 900px;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.exhibitions_shows6 .wrapper .detailed .img .cn {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}

.exhibitions_shows6 .wrapper .detailed .img .en {
    font-family: 'en';
    font-size: 20px;
    color: #fff;
    line-height: 19px;
    text-transform: uppercase;
    margin-top: 10px;
}

.exhibitions_shows6 .box {
    margin-top: 40px;
}

.exhibitions_shows6 .box h3:first-child {
    background: url(../images/ico2.jpg) no-repeat center bottom;
    border: none;
}

.exhibitions_shows6 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.exhibitions_shows6 .box p {
    font-size: 15px;
}

/* exhibitions_shows7*/
.exhibitions_shows7 .wrapper .detailed .img {
    position: relative;
    height: 350px;
    padding: 145px 70px 20px 82px;
    overflow: hidden;
}

.exhibitions_shows7 .wrapper .detailed .img .bg {
    width: 900px;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.exhibitions_shows7 .wrapper .detailed .img .cn {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}

.exhibitions_shows7 .wrapper .detailed .img .en {
    font-family: 'en';
    font-size: 20px;
    color: #fff;
    line-height: 19px;
    text-transform: uppercase;
    margin-top: 10px;
}

.exhibitions_shows7 .box {
    margin-top: 40px;
}

.exhibitions_shows7 .box h3:first-child {
    background: url(../images/ico2.jpg) no-repeat center bottom;
    border: none;
}

.exhibitions_shows7 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.exhibitions_shows7 .box p {
    font-size: 15px;
}

/* forums_events*/
.forums_events .wrapper .detailed .img {
    position: relative;
    height: 240px;
    text-align: center;
    overflow: hidden;
}

.forums_events .wrapper p {
    text-align: left;
}

.forums_events .wrapper .detailed .img .bg {
    width: 900px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    /*-webkit-animation: scale_img 30s infinite ease-out alternate;animation: scale_img 30s infinite ease-out alternate;*/
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.forums_events .wrapper .detailed .img .cn {
    font-size: 28px;
    color: #fff;
    line-height: 26px;
}

.forums_events table.schedule {
    width: 100%;
    color: #848484;
    border-width: 1px;
    border-color: #e4edee;
    border-collapse: collapse;
    text-align: center;
}

.forums_events table.schedule03 {
    border-right: none;
}

.forums_events table.schedule+.schedule {
    position: relative;
    margin-top: -1px;
}

.forums_events table.schedule tr {
    background-color: #fff;
}

.forums_events table.schedule td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #e4edee;
}

.forums_events table.schedule01 td,
.forums_events table.schedule02 td {
    border-left: none
}

.forums_events table.schedule td.num {
    width: 173px;
    background-color: #3d96bf;
    border-color: #3d96bf;
    font-size: 16px;
    color: #ffffff;
}

.forums_events table.schedule02 td.num {
    background-color: #3dbf99;
    border-color: #3dbf99;
}

.forums_events table.schedule03 td.num {
    background-color: #d9ce9e;
    border-color: #d9ce9e;
}

.forums_events table.schedule td.num01 {
    width: 200px;
    text-align: left;
    padding: 12px 20px;
}

.forums_events table.schedule td.num02 {
    width: 92px;
    text-align: center;
}

.forums_events table.schedule td.num03 {
    width: 255px;
    padding: 0 20px;
}

.forums_events table.schedule td.num04 {
    width: 180px;
    padding: 3px;
}

.forums_events .detailed .name {
    padding-bottom: 15px;
    background: url(../images/ico2.jpg) no-repeat center bottom;
    overflow: hidden;
    margin: 26px 0 16px;
}

.forums_events .detailed .name .li {
    float: left;
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
}

.forums_events .detailed .name .num {
    width: 173px;
}

.forums_events .detailed .name .num01 {
    width: 200px;
    padding: 0 20px;
}

.forums_events .detailed .name .num02 {
    width: 92px;
    text-align: center;
}

.forums_events .detailed .name .num03 {
    width: 255px;
    padding: 0 20px;
}

.forums_events .detailed .name .num04 {
    width: 180px;
    text-align: center;
}

/* forums_events3*/
.forums_events3 .wrapper .detailed .img {
    position: relative;
    height: 240px;
    text-align: center;
    overflow: hidden;
}

.forums_events3 .wrapper .detailed .img .bg {
    width: 900px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.forums_events3 .wrapper .detailed .img .cn {
    font-size: 28px;
    color: #075fd6;
    line-height: 26px;
}

.forums_events3 .box h3:first-child {
    background: url(../images/ico2.jpg) no-repeat center bottom;
    border: none;
}

.forums_events3 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.forums_events3 .box p {
    font-size: 15px;
}

.forums_events3 .box ul {
    overflow: hidden;
    margin-right: -33px;
}

.forums_events3 .box li {
    width: 278px;
    height: 230px;
    padding: 34px 25px 0;
    margin-right: 33px;
    border: 1px solid #d4dcdb;
    float: left;
}

.forums_events3 .box li h3 {
    border: none !important;
    background: none !important;
    padding: 0;
    margin: 12px 0 0;
}

/* forums_events4*/
.forums_events4 .wrapper .detailed .img {
    position: relative;
    height: 240px;
    text-align: center;
    overflow: hidden;
}

.forums_events4 .wrapper .detailed .img .bg {
    width: 900px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.forums_events4 .wrapper .detailed .img .cn {
    font-size: 28px;
    color: #fff;
    line-height: 26px;
}

.forums_events4 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.forums_events4 .box p {
    font-size: 15px;
}

.forums_events4 .box ul {
    overflow: hidden;
    margin-right: -33px;
}

.forums_events4 .box li {
    width: 278px;
    padding: 34px 25px 20px;
    margin-right: 33px;
    border: 1px solid #d4dcdb;
    float: left;
    min-height: 240px;
    margin-bottom: 20px;
}

.forums_events4 .box li h3 {
    border: none !important;
    background: none !important;
    padding: 0;
    margin: 12px 0 0;
}

.forums_events4 table.schedule {
    margin-top: 30px;
}

.forums_events4 table.schedule td.num {
    width: 200px;
}

.forums_events4 table.schedule td.num01 {
    width: 700px;
    padding: 12px 36px;
    text-align: left;
}

.forums_events4 table.schedule td.num02 {
    text-align: left;
    padding: 12px 18px 12px 235px;
    width: 100%;
}

.forums_events4 table.schedule td.bg {
    border-color: #dbece8;
    background-color: #dbece8;
    color: #54756d;
}

.forums_events4 .box .item:first-child {
    border-top: 3px solid #e4edee;
}

.forums_events4 .box .item {
    position: relative;
    overflow: hidden;
    padding: 12px 88px 12px 0;
    border-bottom: 3px solid #e4edee;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events4 .box .item .company {
    float: left;
    width: 149px;
    height: 186px;
    overflow: hidden;
    margin-right: 30px;
}

.forums_events4 .box .item .des {
    width: 633px;
    float: left;
    margin-top: 15px;
}

.forums_events4 .box .item .ico {
    width: 88px;
    height: 100%;
    background: url(../images/ico6.png) no-repeat center 82px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events4 .box .item .des .txt {
    height: 135px;
    overflow: hidden;
}

.forums_events4 .box .item .des .txt h3 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #075fd6;
    line-height: 20px;
    border: none;
}

.forums_events4 .box .item .des .txt p {
    font-size: 14px;
}

.forums_events4 .box .item.on {
    background-color: #f9f9f9;
}

.forums_events4 .box .item .ico:hover,
.forums_events4 .box .item.on .ico {
    background: url(../images/ico6_on.png) no-repeat center 82px;
}

.forums_events4 .box .more {
    width: 45px;
    height: 45px;
    background: url(../images/ico12.png) no-repeat;
    margin: auto;
    margin-top: 34px;
    cursor: pointer;
}

/* forums_events5*/
.forums_events5 .wrapper .detailed .img {
    position: relative;
    height: 240px;
    text-align: center;
    overflow: hidden;
}

.forums_events5 .wrapper .detailed .img .bg {
    width: 900px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.forums_events5 .wrapper .detailed .img .cn {
    font-size: 28px;
    color: #075fd6;
    line-height: 26px;
}

.forums_events5 .box h3:first-child {
    background: url(../images/ico2.jpg) no-repeat center bottom;
    border: none;
}

.forums_events5 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.forums_events5 .box p {
    font-size: 15px;
}

.forums_events5 .box ul {
    overflow: hidden;
    margin-right: -33px;
}

.forums_events5 .box li {
    width: 278px;
    height: 230px;
    padding: 34px 25px 0;
    margin-right: 33px;
    border: 1px solid #d4dcdb;
    float: left;
}

.forums_events5 .box li h3 {
    border: none !important;
    background: none !important;
    padding: 0;
    margin: 12px 0 0;
}

.forums_events5 table.schedule {
    margin-top: 30px;
}

.forums_events5 table.schedule td.num {
    width: 200px;
}

.forums_events5 table.schedule td.num01 {
    width: 200px;
    text-align: left;
    padding: 12px 36px;
}

.forums_events5 table.schedule td.num02 {
    width: 500px;
    padding: 36px;
}

.forums_events5 table.schedule td.num02 p {
    font-size: 14px;
}

.forums_events5 table.schedule td.num03 {
    width: 700px;
    padding: 12px 36px;
    text-align: left;
}

/* forums_events6*/
.forums_events6 .wrapper .detailed .img {
    position: relative;
    height: 240px;
    text-align: center;
    overflow: hidden;
}

.forums_events6 .wrapper .detailed .img .bg {
    width: 900px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.forums_events6 .wrapper .detailed .img .cn {
    font-size: 28px;
    color: #fff;
    line-height: 26px;
}

.forums_events6 table.schedule {
    margin-top: 30px;
}

.forums_events6 table.schedule td.num {
    width: 200px;
}

.forums_events6 table.schedule td.num01 {
    width: 700px;
    padding: 12px 36px;
    text-align: left;
}

.forums_events6 table.schedule td.num02 {
    width: 900px;
    padding: 12px 36px;
}

.forums_events6 .box a.link {
    height: 72px;
    line-height: 72px;
    background-color: #5bb8d7;
    padding: 0 78px 0 36px;
    border-radius: 4px;
    box-shadow: 0px 9px 25px rgba(23, 184, 237, .4);
    font-size: 16px;
    color: #fff;
    margin-top: 36px;
    position: relative;
    display: inline-block;
}

.forums_events6 .box a.link:before {
    content: '';
    width: 26px;
    height: 72px;
    background: url(../images/ico2.png) no-repeat center;
    position: absolute;
    right: 38px;
    top: 0;
}

.forums_events6 .box .num01 {
    width: 100%;
    display: inline-block;
    font-size: 0;
    margin: 0 -15px;
}

.forums_events6 .box .num01 li {
    float: left;
    width: 33.3333%;
    padding: 0 15px;
    margin-bottom: 45px;
}

.forums_events6 .box .num01 li a {
    padding: 10px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, .1);
    border-radius: 5px;
    cursor: default;
}

.forums_events6 .box .num01 li img {
    width: 250px;
    height: 250px;
    border-radius: 5px;
}

.forums_events6 .box .num01 li .text {
    margin: 25px 0 10px;
    height: 72px;
}

.forums_events6 .box .num01 li .text h3 {
    font-size: 16px;
    line-height: 24px;
    color: #9a9a9a;
}

.forums_events6 .box .num01 li .text p {
    font-size: 14px;
    color: #9a9a9a;
    line-height: 24px;
}

.forums_events6 .box .more {
    width: 45px;
    height: 45px;
    background: url(../images/ico12.png) no-repeat;
    margin: auto;
    margin-top: 15px;
    cursor: pointer;
}

.forums_events6 .box h3 {
    padding: 0;
    margin: 0;
    font-size: 20px;
    color: #4a4a4a;
    line-height: 40px;
    border: none;
}

.forums_events6 .box p {
    font-size: 15px;
}

.forums_events6 .box .num02 ul {
    overflow: hidden;
}

.forums_events6 .box .num02 li {
    float: left;
    overflow: hidden;
    margin-right: 75px;
    margin-bottom: 30px;
}

.forums_events6 .box .num02 li .ico {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 26px;
}

.forums_events6 .box .num02 li .text {
    float: left;
    padding-top: 28px;
}

.forums_events6 .box .num02 li .text h3 {
    font-size: 18px;
    color: #4a4a4a;
    line-height: 24px;
}

/* forums_events7*/
.forums_events7 .wrapper .detailed .img {
    position: relative;
    height: 240px;
    text-align: center;
    overflow: hidden;
}

.forums_events7 .wrapper .detailed .img .bg {
    width: 900px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.forums_events7 .wrapper .detailed .img .cn {
    font-size: 28px;
    color: #075fd6;
    line-height: 26px;
}

.forums_events7 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.forums_events7 .box p {
    font-size: 15px;
}

.forums_events7 .box ul {
    overflow: hidden;
    margin-right: -33px;
}

.forums_events7 .box li {
    width: 278px;
    height: 340px;
    padding: 34px 25px 0;
    margin: 0 33px 20px 0;
    border: 1px solid #d4dcdb;
    float: left;
}

.forums_events7 .box li h3 {
    border: none !important;
    background: none !important;
    padding: 0;
    margin: 12px 0 0;
}

.forums_events7 table.schedule {
    margin-top: 30px;
}

.forums_events7 table.schedule td.num {
    width: 200px;
}

.forums_events7 table.schedule td.num01 {
    width: 700px;
    text-align: left;
    padding: 12px 36px;
    font-size: 14px;
}

.forums_events7 .box .item:first-child {
    border-top: 3px solid #e4edee;
}

.forums_events7 .box .item {
    position: relative;
    overflow: hidden;
    padding: 12px 88px 12px 0;
    border-bottom: 3px solid #e4edee;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events7 .box .item .company {
    float: left;
    width: 149px;
    height: 186px;
    overflow: hidden;
    margin-right: 30px;
}

.forums_events7 .box .item .des {
    width: 633px;
    float: left;
    margin-top: 15px;
}

.forums_events7 .box .item .ico {
    width: 88px;
    height: 100%;
    background: url(../images/ico6.png) no-repeat center 82px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events7 .box .item .des .txt {
    height: 135px;
    overflow: hidden;
}

.forums_events7 .box .item .des .txt h3 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #075fd6;
    line-height: 20px;
    border: none;
}

.forums_events7 .box .item .des .txt p {
    font-size: 14px;
}

.forums_events7 .box .item.on {
    background-color: #f9f9f9;
}

.forums_events7 .box .item .ico:hover,
.forums_events7 .box .item.on .ico {
    background: url(../images/ico6_on.png) no-repeat center 82px;
}

.forums_events7 .box .more {
    width: 45px;
    height: 45px;
    background: url(../images/ico12.png) no-repeat;
    margin: auto;
    margin-top: 34px;
    cursor: pointer;
}

/* forums_events8*/
/* .forums_events8 .wrapper .detailed .img{position: relative;height: 240px;text-align: center;overflow: hidden;} */
/* .forums_events8 .wrapper .detailed .img .bg{width: 900px;height: 240px;background-repeat: no-repeat;background-position: center;position: absolute;left: 0;top: 0;z-index: -1;} */
.forums_events8 .wrapper .detailed .img .cn {
    font-size: 28px;
    color: #fff;
    padding: 0 40px !important;
    text-align: center;
    line-height: 240px;
}

.forums_events8 .wrapper .detailed .img .cn em {
    display: inline-block;
    vertical-align: middle;
    font-size: 28px;
    color: #fff;
    line-height: 32px;
}

.forums_events8 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.forums_events8 .box p {
    font-size: 15px;
}

.forums_events8 .box ul {
    overflow: hidden;
    margin-right: -33px;
}

.forums_events8 .box li {
    width: 278px;
    padding: 34px 25px 26px;
    margin-right: 33px;
    border: 1px solid #d4dcdb;
    float: left;
}

.forums_events8 .box li h3 {
    border: none !important;
    background: none !important;
    padding: 0;
    margin: 12px 0 0;
}

.forums_events8 table.schedule {
    margin-top: 30px;
}

.forums_events8 table.schedule td.num {
    width: 200px;
}

.forums_events8 table.schedule td.num01 {
    width: 700px;
    text-align: left;
    padding: 12px 36px;
    font-size: 14px;
}

.forums_events8 .box .item:first-child {
    border-top: 3px solid #e4edee;
}

.forums_events8 .box .item {
    position: relative;
    overflow: hidden;
    padding: 12px 88px 12px 0;
    border-bottom: 3px solid #e4edee;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events8 .box .item .company {
    float: left;
    width: 149px;
    height: 186px;
    overflow: hidden;
    margin-right: 30px;
}

.forums_events8 .box .item .des {
    width: 633px;
    float: left;
    margin-top: 15px;
}

.forums_events8 .box .item .ico {
    width: 88px;
    height: 100%;
    background: url(../images/ico6.png) no-repeat center 82px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events8 .box .item .des .txt {
    height: 135px;
    overflow: hidden;
}

.forums_events8 .box .item .des .txt h3 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #075fd6;
    line-height: 20px;
    border: none;
}

.forums_events8 .box .item .des .txt p {
    font-size: 14px;
}

.forums_events8 .box .item.on {
    background-color: #f9f9f9;
}

.forums_events8 .box .item .ico:hover,
.forums_events8 .box .item.on .ico {
    background: url(../images/ico6_on.png) no-repeat center 82px;
}

.forums_events8 .box .more {
    width: 45px;
    height: 45px;
    background: url(../images/ico12.png) no-repeat;
    margin: auto;
    margin-top: 34px;
    cursor: pointer;
}

/* forums_events9*/
.forums_events9 .wrapper .detailed .img {
    position: relative;
    height: 240px;
    text-align: center;
    overflow: hidden;
}

.forums_events9 .wrapper .detailed .img .bg {
    width: 900px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.forums_events9 .wrapper .detailed .img .cn {
    font-size: 28px;
    color: #075fd6;
    line-height: 26px;
}

.forums_events9 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.forums_events9 .box p {
    font-size: 15px;
}

.forums_events9 .box ul {
    overflow: hidden;
    margin-right: -33px;
}

.forums_events9 .box li {
    width: 278px;
    min-height: 377px;
    padding: 34px 25px 0;
    margin-right: 33px;
    border: 1px solid #d4dcdb;
    float: left;
}

.forums_events9 .box li h3 {
    border: none !important;
    background: none !important;
    padding: 0;
    margin: 12px 0 0;
}

.forums_events9 table.schedule {
    margin-top: 30px;
}

.forums_events9 table.schedule td.num {
    width: 200px;
}

.forums_events9 table.schedule td.num01 {
    width: 700px;
    text-align: left;
    padding: 12px 36px;
    font-size: 14px;
}

.forums_events9 .box .item:first-child {
    border-top: 3px solid #e4edee;
}

.forums_events9 .box .item {
    position: relative;
    overflow: hidden;
    padding: 12px 88px 12px 0;
    border-bottom: 3px solid #e4edee;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events9 .box .item .company {
    float: left;
    width: 149px;
    height: 186px;
    overflow: hidden;
    margin-right: 30px;
}

.forums_events9 .box .item .des {
    width: 633px;
    float: left;
    margin-top: 15px;
}

.forums_events9 .box .item .ico {
    width: 88px;
    height: 100%;
    background: url(../images/ico6.png) no-repeat center 82px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events9 .box .item .des .txt {
    height: 135px;
    overflow: hidden;
}

.forums_events9 .box .item .des .txt h3 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #075fd6;
    line-height: 20px;
    border: none;
}

.forums_events9 .box .item .des .txt p {
    font-size: 14px;
}

.forums_events9 .box .item.on {
    background-color: #f9f9f9;
}

.forums_events9 .box .item .ico:hover,
.forums_events9 .box .item.on .ico {
    background: url(../images/ico6_on.png) no-repeat center 82px;
}

.forums_events9 .box .more {
    width: 45px;
    height: 45px;
    background: url(../images/ico12.png) no-repeat;
    margin: auto;
    margin-top: 34px;
    cursor: pointer;
}

/* forums_events10*/
.forums_events10 .wrapper .detailed .img {
    position: relative;
    height: 240px;
    text-align: center;
    overflow: hidden;
}

.forums_events10 .wrapper .detailed .img .bg {
    width: 900px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.forums_events10 .wrapper .detailed .img .cn {
    font-size: 28px;
    color: #075fd6;
    line-height: 26px;
}

.forums_events10 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.forums_events10 .box p {
    font-size: 15px;
}

.forums_events10 .box ul {
    overflow: hidden;
    margin-right: -33px;
}

.forums_events10 .box li {
    width: 278px;
    height: 230px;
    padding: 34px 25px 0;
    margin-right: 33px;
    border: 1px solid #d4dcdb;
    float: left;
}

.forums_events10 .box li h3 {
    border: none !important;
    background: none !important;
    padding: 0;
    margin: 12px 0 0;
}

.forums_events10 table.schedule {
    margin-top: 30px;
}

.forums_events10 table.schedule td.num {
    width: 200px;
}

.forums_events10 table.schedule td.num01 {
    width: 700px;
    text-align: left;
    padding: 12px 36px;
    font-size: 14px;
}

.forums_events10 .box .item:first-child {
    border-top: 3px solid #e4edee;
}

.forums_events10 .box .item {
    position: relative;
    overflow: hidden;
    padding: 12px 88px 12px 0;
    border-bottom: 3px solid #e4edee;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events10 .box .item .company {
    float: left;
    width: 149px;
    height: 186px;
    overflow: hidden;
    margin-right: 30px;
}

.forums_events10 .box .item .des {
    width: 633px;
    float: left;
    margin-top: 15px;
}

.forums_events10 .box .item .ico {
    width: 88px;
    height: 100%;
    background: url(../images/ico6.png) no-repeat center 82px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events10 .box .item .des .txt {
    height: 135px;
    overflow: hidden;
}

.forums_events10 .box .item .des .txt h3 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #075fd6;
    line-height: 20px;
    border: none;
}

.forums_events10 .box .item .des .txt p {
    font-size: 14px;
}

.forums_events10 .box .item.on {
    background-color: #f9f9f9;
}

.forums_events10 .box .item .ico:hover,
.forums_events10 .box .item.on .ico {
    background: url(../images/ico6_on.png) no-repeat center 82px;
}

.forums_events10 .box .more {
    width: 45px;
    height: 45px;
    background: url(../images/ico12.png) no-repeat;
    margin: auto;
    margin-top: 34px;
    cursor: pointer;
}

/* forums_events11*/
.forums_events11 .wrapper .detailed .img {
    position: relative;
    height: 240px;
    text-align: center;
    overflow: hidden;
}

.forums_events11 .wrapper .detailed .img .bg {
    width: 900px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.forums_events11 .wrapper .detailed .img .cn {
    font-size: 28px;
    color: #075fd6;
    line-height: 26px;
}

.forums_events11 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.forums_events11 .box p {
    font-size: 15px;
}

.forums_events11 .box ul {
    overflow: hidden;
    margin-right: -33px;
}

.forums_events11 .box li {
    width: 278px;
    height: 230px;
    padding: 34px 25px 0;
    margin-right: 33px;
    border: 1px solid #d4dcdb;
    float: left;
}

.forums_events11 .box li h3 {
    border: none !important;
    background: none !important;
    padding: 0;
    margin: 12px 0 0;
}

.forums_events11 table.schedule {
    margin-top: 30px;
}

.forums_events11 table.schedule td.num {
    width: 200px;
}

.forums_events11 table.schedule td.num01 {
    width: 700px;
    text-align: left;
    padding: 12px 36px;
    font-size: 14px;
}

.forums_events11 .box .item:first-child {
    border-top: 3px solid #e4edee;
}

.forums_events11 .box .item {
    position: relative;
    overflow: hidden;
    padding: 12px 88px 12px 0;
    border-bottom: 3px solid #e4edee;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events11 .box .item .company {
    float: left;
    width: 149px;
    height: 186px;
    overflow: hidden;
    margin-right: 30px;
}

.forums_events11 .box .item .des {
    width: 633px;
    float: left;
    margin-top: 15px;
}

.forums_events11 .box .item .ico {
    width: 88px;
    height: 100%;
    background: url(../images/ico6.png) no-repeat center 82px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events11 .box .item .des .txt {
    height: 135px;
    overflow: hidden;
}

.forums_events11 .box .item .des .txt h3 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #075fd6;
    line-height: 20px;
    border: none;
}

.forums_events11 .box .item .des .txt p {
    font-size: 14px;
}

.forums_events11 .box .item.on {
    background-color: #f9f9f9;
}

.forums_events11 .box .item .ico:hover,
.forums_events11 .box .item.on .ico {
    background: url(../images/ico6_on.png) no-repeat center 82px;
}

.forums_events11 .box .more {
    width: 45px;
    height: 45px;
    background: url(../images/ico12.png) no-repeat;
    margin: auto;
    margin-top: 34px;
    cursor: pointer;
}

/* forums_events12*/
.forums_events12 .wrapper .detailed .img {
    position: relative;
    height: 240px;
    text-align: center;
    overflow: hidden;
}

.forums_events12 .wrapper .detailed .img .bg {
    width: 900px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.forums_events12 .wrapper .detailed .img .cn {
    font-size: 28px;
    color: #fff;
    line-height: 26px;
}

.forums_events12 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.forums_events12 .box p {
    font-size: 15px;
}

.forums_events12 .box ul {
    overflow: hidden;
    margin-right: -33px;
}

.forums_events12 .box li {
    width: 278px;
    height: 230px;
    padding: 34px 25px 0;
    margin-right: 33px;
    border: 1px solid #d4dcdb;
    float: left;
}

.forums_events12 .box li h3 {
    border: none !important;
    background: none !important;
    padding: 0;
    margin: 12px 0 0;
}

.forums_events12 table.schedule {
    margin-top: 30px;
}

.forums_events12 table.schedule td.num {
    width: 200px;
}

.forums_events12 table.schedule td.num01 {
    width: 700px;
    text-align: left;
    padding: 12px 36px;
    font-size: 14px;
}

.forums_events12 .box .item:first-child {
    border-top: 3px solid #e4edee;
}

.forums_events12 .box .item {
    position: relative;
    overflow: hidden;
    padding: 12px 88px 12px 0;
    border-bottom: 3px solid #e4edee;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events12 .box .item .company {
    float: left;
    width: 149px;
    height: 186px;
    overflow: hidden;
    margin-right: 30px;
}

.forums_events12 .box .item .des {
    width: 633px;
    float: left;
    margin-top: 15px;
}

.forums_events12 .box .item .ico {
    width: 88px;
    height: 100%;
    background: url(../images/ico6.png) no-repeat center 82px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events12 .box .item .des .txt {
    height: 135px;
    overflow: hidden;
}

.forums_events12 .box .item .des .txt h3 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #075fd6;
    line-height: 20px;
    border: none;
}

.forums_events12 .box .item .des .txt p {
    font-size: 14px;
}

.forums_events12 .box .item.on {
    background-color: #f9f9f9;
}

.forums_events12 .box .item .ico:hover,
.forums_events12 .box .item.on .ico {
    background: url(../images/ico6_on.png) no-repeat center 82px;
}

.forums_events12 .box .more {
    width: 45px;
    height: 45px;
    background: url(../images/ico12.png) no-repeat;
    margin: auto;
    margin-top: 34px;
    cursor: pointer;
}

/* forums_events13*/
.forums_events13 .wrapper .detailed .img {
    position: relative;
    height: 240px;
    text-align: center;
    overflow: hidden;
}

.forums_events13 .wrapper .detailed .img .bg {
    width: 900px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.forums_events13 .wrapper .detailed .img .cn {
    font-size: 28px;
    color: #fff;
    line-height: 26px;
}

.forums_events13 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.forums_events13 .box p {
    font-size: 15px;
}

.forums_events4 .box>p,
.forums_events5 .box>p,
.forums_events12 .box>p,
.forums_events13 .box>p {
    margin-bottom: 14px;
}

.forums_events13 .box ul {
    overflow: hidden;
    margin-right: -33px;
}

.forums_events13 .box li {
    width: 278px;
    min-height: 345px;
    padding: 34px 25px 10px;
    margin-right: 33px;
    border: 1px solid #d4dcdb;
    float: left;
}

.forums_events13 .box li h3 {
    border: none !important;
    background: none !important;
    padding: 0;
    margin: 12px 0 0;
}

.forums_events13 table.schedule {
    margin-top: 30px;
}

.forums_events13 table.schedule td.num {
    width: 200px;
}

.forums_events13 table.schedule td.num01 {
    width: 700px;
    text-align: left;
    padding: 12px 36px;
    font-size: 14px;
}

.forums_events13 .box .item:first-child {
    border-top: 3px solid #e4edee;
}

.forums_events13 .box .item {
    position: relative;
    overflow: hidden;
    padding: 12px 88px 12px 0;
    border-bottom: 3px solid #e4edee;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events13 .box .item .company {
    float: left;
    width: 149px;
    height: 186px;
    overflow: hidden;
    margin-right: 30px;
}

.forums_events13 .box .item .des {
    width: 633px;
    float: left;
    margin-top: 15px;
}

.forums_events13 .box .item .ico {
    width: 88px;
    height: 100%;
    background: url(../images/ico6.png) no-repeat center 82px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events13 .box .item .des .txt {
    height: 135px;
    overflow: hidden;
}

.forums_events13 .box .item .des .txt h3 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #075fd6;
    line-height: 20px;
    border: none;
}

.forums_events13 .box .item .des .txt p {
    font-size: 14px;
}

.forums_events13 .box .item.on {
    background-color: #f9f9f9;
}

.forums_events13 .box .item .ico:hover,
.forums_events13 .box .item.on .ico {
    background: url(../images/ico6_on.png) no-repeat center 82px;
}

.forums_events13 .box .more {
    width: 45px;
    height: 45px;
    background: url(../images/ico12.png) no-repeat;
    margin: auto;
    margin-top: 34px;
    cursor: pointer;
}

/* forums_events14*/
.forums_events14 .wrapper .detailed .img {
    position: relative;
    height: 240px;
    text-align: center;
    overflow: hidden;
}

.forums_events14 .wrapper .detailed .img .bg {
    width: 900px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.forums_events14 .wrapper .detailed .img .cn {
    font-size: 28px;
    color: #fff;
    line-height: 26px;
}

.forums_events14 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.forums_events14 .box p {
    font-size: 15px;
}

.forums_events14 .box ul {
    overflow: hidden;
    margin-right: -33px;
}

.forums_events14 .box li {
    width: 278px;
    padding: 34px 25px 26px;
    margin-right: 33px;
    margin-bottom: 20px;
    border: 1px solid #d4dcdb;
    float: left;
}

.forums_events14 .box li h3 {
    border: none !important;
    background: none !important;
    padding: 0;
    margin: 12px 0 0;
}

.forums_events14 table.schedule {
    margin-top: 30px;
}

.forums_events14 table.schedule td.num {
    width: 200px;
}

.forums_events14 table.schedule td.num01 {
    width: 700px;
    text-align: left;
    padding: 12px 36px;
    font-size: 14px;
}

.forums_events14 .box .item:first-child {
    border-top: 3px solid #e4edee;
}

.forums_events14 .box .item {
    position: relative;
    overflow: hidden;
    padding: 12px 88px 12px 0;
    border-bottom: 3px solid #e4edee;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events14 .box .item .company {
    float: left;
    width: 149px;
    height: 186px;
    overflow: hidden;
    margin-right: 30px;
}

.forums_events14 .box .item .des {
    width: 633px;
    float: left;
    margin-top: 15px;
}

.forums_events14 .box .item .ico {
    width: 88px;
    height: 100%;
    background: url(../images/ico6.png) no-repeat center 82px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.forums_events14 .box .item .des .txt {
    height: 135px;
    overflow: hidden;
}

.forums_events14 .box .item .des .txt h3 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #075fd6;
    line-height: 20px;
    border: none;
}

.forums_events14 .box .item .des .txt p {
    font-size: 14px;
}

.forums_events14 .box .item.on {
    background-color: #f9f9f9;
}

.forums_events14 .box .item .ico:hover,
.forums_events14 .box .item.on .ico {
    background: url(../images/ico6_on.png) no-repeat center 82px;
}

.forums_events14 .box .more {
    width: 45px;
    height: 45px;
    background: url(../images/ico12.png) no-repeat;
    margin: auto;
    margin-top: 34px;
    cursor: pointer;
}

/* exhibitor_guidelines*/
.exhibitor_guidelines .wrapper .detailed .tabBox {
    position: relative;
    width: 810px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    z-index: 2;
}

.exhibitor_guidelines .wrapper .detailed .tabBox .swiper-wrapper {
    margin: 0 auto;
}

.exhibitor_guidelines .wrapper .detailed .tabBox .swiper-slide {
    line-height: 47px;
    color: #b9b9b9;
    cursor: pointer;
}

.exhibitor_guidelines .wrapper .detailed .tabBox .swiper-slide.swiper-slide-thumb-active {
    color: #075fd6;
}

.exhibitor_guidelines .wrapper .detailed .side {
    padding-top: 47px;
    margin: -47px 0 25px;
    position: relative;
}

.exhibitor_guidelines .wrapper .detailed .side:before {
    content: '';
    width: 1px;
    height: 47px;
    background-color: #e4edee;
    position: absolute;
    left: 0;
    top: 0;
}

.exhibitor_guidelines .wrapper .detailed .side:after {
    content: '';
    width: 1px;
    height: 47px;
    background-color: #e4edee;
    position: absolute;
    right: 0;
    top: 0;
}

.exhibitor_guidelines .wrapper .detailed .side .btn {
    width: 44px;
    height: 16px;
    position: absolute;
    top: 35px;
    z-index: 9;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.exhibitor_guidelines .wrapper .detailed .side .btn.swiper-button-prev {
    left: 24px;
    background: url(../images/ico10_on.png) no-repeat left center;
}

.exhibitor_guidelines .wrapper .detailed .side .btn.swiper-button-prev.swiper-button-disabled {
    background: url(../images/ico10.png) no-repeat left center;
}

.exhibitor_guidelines .wrapper .detailed .side .btn.swiper-button-next {
    right: 24px;
    background: url(../images/ico11_on.png) no-repeat right center;
}

.exhibitor_guidelines .wrapper .detailed .side .btn.swiper-button-next.swiper-button-disabled {
    background: url(../images/ico11.png) no-repeat right center;
}

.exhibitor_guidelines .wrapper .detailed .side .btn.swiper-button-prev:hover {
    background: url(../images/ico10_on.png) no-repeat left center;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
}

.exhibitor_guidelines .wrapper .detailed .side .btn.swiper-button-next:hover {
    background: url(../images/ico11_on.png) no-repeat right center;
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
}

.exhibitor_guidelines .wrapper .detailed h3 {
    font-size: 20px;
    color: #075fd6;
    line-height: 30px;
    padding-bottom: 18px;
}

.exhibitor_guidelines .wrapper .detailed .box h3 {
    font-size: 15px;
    color: #075fd6;
    line-height: 24px;
    margin-bottom: 4px;
    padding-bottom: 0;
}

/* exhibitor_guidelines3*/
.exhibitor_guidelines3 .wrapper .detailed .img {
    position: relative;
    height: 240px;
    text-align: center;
    overflow: hidden;
}

.exhibitor_guidelines3 .wrapper .detailed .img .bg {
    width: 900px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.exhibitor_guidelines3 .wrapper .detailed .img .cn {
    font-size: 28px;
    color: #075fd6;
    line-height: 26px;
}

.exhibitor_guidelines3 .box {
    position: relative;
    padding-bottom: 46px;
}

.exhibitor_guidelines3 .box h2 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 15px;
    background: url(../images/ico2.jpg) no-repeat center bottom;
    overflow: hidden;
    margin: 26px 0 16px;
}

.exhibitor_guidelines3 .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.exhibitor_guidelines3 .box p {
    font-size: 15px;
}

.exhibitor_guidelines3 .box li h3 {
    border: none;
    padding: 0;
}

.exhibitor_guidelines3 .box .download {
    position: absolute;
    right: 65px;
    bottom: 0;
}

.exhibitor_guidelines3 .box .download .ico {
    float: left;
    width: 170px;
    height: 170px;
    margin-right: 26px;
}

.exhibitor_guidelines3 .box .download .ico img {
    border-radius: 4px;
}

.exhibitor_guidelines3 .box .download .text {
    float: left;
    font-size: 15px;
    color: #0d5079;
    color: rgba(13, 80, 121, .7);
    line-height: 22px;
    padding-top: 47px;
}

/* exhibitor_guidelines5*/
.exhibitor_guidelines5 .wrapper .detailed .box {
    position: relative;
    top: -4px;
}

.exhibitor_guidelines5 .wrapper .detailed .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.exhibitor_guidelines5 .wrapper .detailed .box p {
    color: #5f5e5e;
    color: rgba(95, 94, 94, .7);
}

.exhibitor_guidelines5 table.name {
    margin-top: 14px;
}

.exhibitor_guidelines5 table.name td.num {
    width: 180px;
}

.exhibitor_guidelines5 table.name td.num01 {
    width: 240px;
}

.exhibitor_guidelines5 table.name td.num02 {
    width: 480px;
}

.exhibitor_guidelines5 table.schedule td.num {
    width: 180px;
}

.exhibitor_guidelines5 table.schedule td.num01 {
    width: 240px;
}

.exhibitor_guidelines5 table.schedule td.num02 {
    width: 480px;
}

.exhibitor_guidelines5 .detailed .box a,
.exhibitor_guidelines6 .detailed .box a {
    height: 72px;
    line-height: 72px;
    background-color: #5bb8d7;
    padding: 0 78px 0 36px;
    border-radius: 4px;
    box-shadow: 0px 9px 25px rgba(23, 184, 237, .4);
    font-size: 16px;
    color: #fff;
    margin-top: 40px;
    position: relative;
    display: inline-block;
}

.exhibitor_guidelines5 .detailed .box a:before,
.exhibitor_guidelines6 .detailed .box a:before {
    content: '';
    width: 26px;
    height: 72px;
    background: url(../images/ico2.png) no-repeat center;
    position: absolute;
    right: 38px;
    top: 0;
}

.exhibitor_guidelines6 .wrapper .detailed h3 {
    font-size: 20px;
    color: #075fd6;
    line-height: 30px;
    padding-bottom: 18px;
}

/* exhibitor_guidelines8*/
.exhibitor_guidelines8 table.name td {
    padding: 12px 0;
}

.exhibitor_guidelines8 table.name td.num {
    width: 100px;
}

.exhibitor_guidelines8 table.name td.num01 {
    width: 155px;
}

.exhibitor_guidelines8 table.name td.num02 {
    width: 165px;
}

.exhibitor_guidelines8 table.name td.num03 {
    width: 145px;
}

.exhibitor_guidelines8 table.name td.num04 {
    width: 135px;
}

.exhibitor_guidelines8 table.name td.num05 {
    width: 90px;
}

.exhibitor_guidelines8 table.name td.num06 {
    width: 110px;
}

.exhibitor_guidelines8 table.schedule {
    margin-bottom: 25px;
}

.exhibitor_guidelines8 table.schedule td {
    padding: 12px 5px;
}

.exhibitor_guidelines8 table.schedule td.num {
    width: 100px;
}

.exhibitor_guidelines8 table.schedule td.num01 {
    width: 155px;
}

.exhibitor_guidelines8 table.schedule td.num02 {
    width: 165px;
    padding: 12px 0 12px 15px;
}

.exhibitor_guidelines8 table.schedule td.num03 {
    width: 145px;
    text-align: center;
}

.exhibitor_guidelines8 table.schedule td.num04 {
    width: 135px;
}

.exhibitor_guidelines8 table.schedule td.num05 {
    width: 90px;
}

.exhibitor_guidelines8 table.schedule td.num06 {
    width: 110px;
    text-align: left;
    padding: 12px 0 12px 10px;
}

/* visit_guidelines*/
.visit_guidelines .wrapper .detailed .tabBox {
    position: relative;
    width: 810px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    z-index: 2;
}

.visit_guidelines .wrapper .detailed .tabBox .swiper-wrapper {
    margin: 0 auto;
}

.visit_guidelines .wrapper .detailed .tabBox .swiper-slide {
    line-height: 47px;
    color: #b9b9b9;
    cursor: pointer;
}

.visit_guidelines .wrapper .detailed .tabBox .swiper-slide.swiper-slide-thumb-active {
    color: #075fd6;
}

.visit_guidelines .wrapper .detailed .side {
    padding-top: 47px;
    margin: -47px 0 25px;
    position: relative;
}

.visit_guidelines .wrapper .detailed .side:before {
    content: '';
    width: 1px;
    height: 47px;
    background-color: #e4edee;
    position: absolute;
    left: 0;
    top: 0;
}

.visit_guidelines .wrapper .detailed .side:after {
    content: '';
    width: 1px;
    height: 47px;
    background-color: #e4edee;
    position: absolute;
    right: 0;
    top: 0;
}

.visit_guidelines .wrapper .detailed .side .btn {
    width: 44px;
    height: 16px;
    position: absolute;
    top: 35px;
    z-index: 9;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.visit_guidelines .wrapper .detailed .side .btn.swiper-button-prev {
    left: 24px;
    background: url(../images/ico10_on.png) no-repeat left center;
}

.visit_guidelines .wrapper .detailed .side .btn.swiper-button-prev.swiper-button-disabled {
    background: url(../images/ico10.png) no-repeat left center;
}

.visit_guidelines .wrapper .detailed .side .btn.swiper-button-next {
    right: 24px;
    background: url(../images/ico11_on.png) no-repeat right center;
}

.visit_guidelines .wrapper .detailed .side .btn.swiper-button-next.swiper-button-disabled {
    background: url(../images/ico11.png) no-repeat right center;
}

.visit_guidelines .wrapper .detailed .side .btn.swiper-button-prev:hover {
    background: url(../images/ico10_on.png) no-repeat left center;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
}

.visit_guidelines .wrapper .detailed .side .btn.swiper-button-next:hover {
    background: url(../images/ico11_on.png) no-repeat right center;
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
}

.visit_guidelines .wrapper .detailed h3 {
    font-size: 20px;
    color: #075fd6;
    line-height: 30px;
    padding-bottom: 18px;
}

.visit_guidelines .wrapper .detailed .box h3 {
    font-size: 15px;
    color: #075fd6;
    line-height: 24px;
    margin-bottom: 4px;
    padding-bottom: 0;
}

/* visit_guidelines3*/
.visit_guidelines3 .wrapper .detailed .box h2 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    position: relative;
}

.visit_guidelines3 .wrapper .detailed .box h2:before {
    content: '';
    width: 100%;
    height: 3px;
    background: url(../images/ico9.jpg) no-repeat center;
    position: absolute;
    left: 0;
    bottom: 0;
}

.visit_guidelines3 .wrapper .detailed .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.visit_guidelines3 .wrapper .detailed .box h4 {
    font-size: 16px;
    color: #639e90;
    line-height: 30px;
    margin: 16px 0 10px;
}

.visit_guidelines3 .wrapper .detailed .box hr {
    background-color: #e4edee;
    height: 3px;
    border: none;
    margin-bottom: 10px;
}

.visit_guidelines3 .wrapper .detailed .box p {
    font-size: 15px;
    /* color: #5f5e5e;color: rgba(95, 94, 94, .7);*/
}

.visit_guidelines3 .wrapper .detailed .list {
    overflow: hidden;
    margin-top: 30px;
}

.visit_guidelines3 .wrapper .detailed .list li.closed {
    background-color: #0079a1;
    box-shadow: none;
}

.visit_guidelines3 .wrapper .detailed .list li.closed a {
    cursor: default;
}

.visit_guidelines3 .wrapper .detailed .list li {
    float: left;
    width: 163px;
    height: 72px;
    line-height: 72px;
    font-size: 16px;
    color: #fff;
    background-color: #5bb8d7;
    box-shadow: 0px 9px 25px rgba(23, 184, 137, .4);
    border-radius: 4px;
    text-align: center;
    margin-right: 30px;
}

.visit_guidelines3 table.name td {
    font-size: 15px;
    color: #5f5e5e;
}

.visit_guidelines3 table.name td.num {
    width: 200px;
}

.visit_guidelines3 table.name td.num01 {
    width: 200px;
}

.visit_guidelines3 table.name td.num02 {
    width: 200px;
}

.visit_guidelines3 table.name td.num03 {
    width: 300px;
}

.visit_guidelines3 table.schedule td {
    font-size: 15px;
}

.visit_guidelines3 table.schedule td.num {
    width: 200px;
    color: #075fd6;
}

.visit_guidelines3 table.schedule td.num01 {
    width: 200px;
}

.visit_guidelines3 table.schedule td.num02 {
    width: 200px;
    text-align: center;
}

.visit_guidelines3 table.schedule td.num03 {
    width: 300px;
    font-size: 14px;
    color: #075fd6 !important;
    line-height: 22px;
    margin-bottom: 14px;
}

.visit_guidelines3 table.schedule td.num03 p {
    font-size: 14px;
    color: #075fd6 !important;
    line-height: 22px;
    margin-bottom: 14px;
}

/* visit_guidelines4*/
.visit_guidelines4 table.name td {
    padding: 12px 0;
}

.visit_guidelines4 table.name td.num {
    width: 100px;
}

.visit_guidelines4 table.name td.num01 {
    width: 155px;
}

.visit_guidelines4 table.name td.num02 {
    width: 165px;
}

.visit_guidelines4 table.name td.num03 {
    width: 145px;
}

.visit_guidelines4 table.name td.num04 {
    width: 135px;
}

.visit_guidelines4 table.name td.num05 {
    width: 90px;
}

.visit_guidelines4 table.name td.num06 {
    width: 110px;
}

.visit_guidelines4 table.schedule {
    margin-bottom: 25px;
}

.visit_guidelines4 table.schedule td {
    padding: 12px 5px;
}

.visit_guidelines4 table.schedule td.num {
    width: 100px;
}

.visit_guidelines4 table.schedule td.num01 {
    width: 155px;
}

.visit_guidelines4 table.schedule td.num02 {
    width: 165px;
    padding: 12px 0 12px 15px;
}

.visit_guidelines4 table.schedule td.num03 {
    width: 145px;
    text-align: center;
}

.visit_guidelines4 table.schedule td.num04 {
    width: 135px;
}

.visit_guidelines4 table.schedule td.num05 {
    width: 90px;
}

.visit_guidelines4 table.schedule td.num06 {
    width: 110px;
    text-align: left;
    padding: 12px 0 12px 10px;
}

/* visit_guidelines6*/
.visit_guidelines6 .wrapper .detailed .box a {
    height: 72px;
    line-height: 72px;
    background-color: #5bb8d7;
    padding: 0 60px 0 36px;
    border-radius: 4px;
    box-shadow: 0px 9px 25px rgba(23, 184, 237, .4);
    font-size: 16px;
    color: #fff;
    margin-top: 36px;
    position: relative;
    display: inline-block;
}

.visit_guidelines6 .wrapper .detailed .box a:before {
    content: '';
    width: 12px;
    height: 72px;
    background: url(../images/ico11.png) no-repeat center;
    position: absolute;
    right: 35px;
    top: 0;
}

/* visit_guidelines7*/
.visit_guidelines7 .detailed .box a {
    height: 72px;
    line-height: 72px;
    background-color: #5bb8d7;
    padding: 0 78px 0 36px;
    border-radius: 4px;
    box-shadow: 0px 9px 25px rgba(23, 184, 237, .4);
    font-size: 16px;
    color: #fff;
    margin-top: 40px;
    position: relative;
    display: inline-block;
}

.visit_guidelines7 .detailed .box a:before {
    content: '';
    width: 26px;
    height: 72px;
    background: url(../images/ico2.png) no-repeat center;
    position: absolute;
    right: 38px;
    top: 0;
}

.visit_guidelines7 .wrapper .detailed h3 {
    font-size: 20px;
    color: #075fd6;
    line-height: 30px;
    padding-bottom: 18px;
}

/* visit_guidelines8*/
.visit_guidelines8 .wrapper .detailed .box {
    position: relative;
    top: -4px;
}

.visit_guidelines8 .wrapper .detailed .box h3 {
    font-size: 20px;
    color: #4a4a4a;
    line-height: 30px;
    padding-bottom: 18px;
    border-bottom: 3px solid #e4edee;
    margin: 27px 0 14px;
}

.visit_guidelines8 .wrapper .detailed .box p {
    color: #5f5e5e;
    color: rgba(95, 94, 94, .7);
}

.visit_guidelines8 table.name {
    margin-top: 14px;
}

.visit_guidelines8 table.name td.num {
    width: 180px;
}

.visit_guidelines8 table.name td.num01 {
    width: 240px;
}

.visit_guidelines8 table.name td.num02 {
    width: 480px;
}

.visit_guidelines8 table.schedule td.num {
    width: 180px;
}

.visit_guidelines8 table.schedule td.num01 {
    width: 240px;
}

.visit_guidelines8 table.schedule td.num02 {
    width: 480px;
}

/* news*/
.news .wrapper .detailed .list a {
    height: 160px;
    padding-top: 35px;
    margin-bottom: 10px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
}

.news .wrapper .detailed .list a .date {
    width: 180px;
    font-size: 26px;
    color: #075fd6;
    float: left;
    text-align: center;
}

.news .wrapper .detailed .list a .text {
    float: left;
    width: 698px;
    padding: 0 27px 0 0;
}

.news .wrapper .detailed .list a .name {
    font-size: 20px;
    color: #333333;
    line-height: 24px;
    max-width: 96%;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.news .wrapper .detailed .list a .introduction {
    color: #999999;
    line-height: 20px;
    margin: 8px 0;
}

.news .wrapper .detailed .list a:hover .name {
    color: #075fd6;
}

.news .wrapper .detailed .more {
    width: 45px;
    height: 45px;
    background: url(../images/more.png) no-repeat;
    margin: auto;
    margin-top: 36px;
    cursor: pointer;
}

/* news3*/
.news3 .wrapper .detailed .recommend {
    overflow: hidden;
    background-color: #f3fefc;
    margin-bottom: 20px;
}

.news3 .wrapper .detailed .list a {
    overflow: hidden;
}

.news3 .wrapper .detailed .img {
    width: 402px;
    height: 273px;
    overflow: hidden;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.news3 .wrapper .detailed .live_icon .img:before {
    content: '';
    width: 51px;
    height: 50px;
    background: url(../images/live_icon.png) no-repeat center;
    opacity: .7;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.news3 .wrapper .detailed .live_icon .img:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    left: 0;
    top: 0;
}

.news3 .wrapper .detailed .text {
    width: 498px;
    float: left;
    padding: 49px 40px 0;
}

.news3 .wrapper .detailed .text .name {
    font-size: 26px;
    color: #075fd6;
    max-width: 96%;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.news3 .wrapper .detailed .text .date {
    font-family: 'en';
    font-size: 20px;
    color: #b7b7b7;
    line-height: 1;
}

.news3 .wrapper .detailed .text .live {
    font-size: 14px;
    color: #ff3b43;
    padding-left: 30px;
    line-height: 24px;
    background: url(../images/live_icon02.png) no-repeat left 0;
    display: none;
    margin-top: 10px;
}

.news3 .wrapper .detailed .live_icon .text .live {
    display: block;
}

.news3 .wrapper .detailed .introduction {
    font-size: 14px;
    color: #5f5e5e;
    color: rgba(95, 94, 94, .7);
    line-height: 24px;
    margin: 20px 0;
}

.news3 .wrapper .detailed .list a {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #e1e1e1;
}

.news3 .wrapper .detailed .list a .img {
    width: 200px;
    height: 136px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.news3 .wrapper .detailed .list a .text {
    width: 677px;
    padding: 5px 27px 0;
}

.news3 .wrapper .detailed .list a .name {
    font-size: 20px;
    color: #333333;
    line-height: 24px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.news3 .wrapper .detailed .list a .introduction {
    color: #999999;
    line-height: 20px;
    margin: 8px 0;
}

.news3 .wrapper .detailed .list a .date {
    font-size: 16px;
    color: #999999;
}

.news3 .wrapper .detailed .list a:hover .name {
    color: #075fd6;
}

.news3 .wrapper .detailed .more {
    width: 45px;
    height: 45px;
    background: url(../images/more.png) no-repeat;
    margin: auto;
    margin-top: 36px;
    cursor: pointer;
}

/* news3_d*/
.news3_d .wrapper .detailed video {
    width: 100%;
    margin-bottom: 30px;
}

.news3_d .wrapper .detailed .title {
    padding-bottom: 22px;
    border-bottom: 2px solid #76ab7c;
    margin-bottom: 30px;
}

.news3_d .wrapper .detailed .title .date {
    color: #075fd6;
    font: 30px/1 'en';
    line-height: 1;
    margin-bottom: 14px;
    font-weight: bold;
    letter-spacing: -2px;
}

.news3_d .wrapper .detailed .title .name {
    color: #075fd6;
    font-size: 26px;
    min-height: 60px;
    margin-bottom: 10px;
    line-height: 30px;
}

.news3_d .wrapper .detailed .title .bit:after {
    content: "";
    display: block;
    clear: both;
}

.news3_d .wrapper .detailed .title .bit .soi {
    float: left;
}

.news3_d .wrapper .detailed .title .bit .soi li {
    display: inline-block;
    color: #909ca2;
    margin-right: 14px;
}

.news3_d .wrapper .detailed .title .bit .soi li em {
    font-family: 'en';
}

.news3_d .wrapper .detailed .title .bit .set-fontSize {
    float: right;
}

.news3_d .wrapper .detailed .title .bit .set-fontSize em {
    color: #909ca2;
    vertical-align: middle;
    margin-right: 5px;
}

.news3_d .wrapper .detailed .title .bit .set-fontSize .ts {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.news3_d .wrapper .detailed .title .bit .set-fontSize .tx {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.news3_d .wrapper .detailed .Cont p {
    margin-bottom: 14px;
}

.news3_d .wrapper .detailed .Cont span,
.news3_d .wrapper .detailed .Cont p {
    color: #5f5e5e;
    color: rgba(95, 94, 94, .8);
    line-height: 1.72;
}

.news3_d .wrapper .detailed .Cont p strong {
    /*margin-bottom: 14px;*/
    display: inline-block;
}

.news3_d .wrapper .detailed .Cont p img {
    /* margin: 20px 0;*/
}

.news3_d .wrapper .detailed .skd-btn {
    width: 400px;
    height: 60px;
    margin-top: 40px;
    border: 2px solid #d3d7d9;
}

.news3_d .wrapper .detailed .skd-btn a {
    float: left;
    width: 33.3333%;
    height: 56px;
    box-sizing: border-box;
    background-image: url(../images/ico6.png);
    line-height: 56px;
    background-repeat: no-repeat;
    position: relative;
    color: #9b9894;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.news3_d .wrapper .detailed .skd-btn a:hover {
    background-image: url(../images/ico7.png);
    color: #075fd6;
}

.news3_d .wrapper .detailed .skd-btn .prev {
    background-position: left center;
    padding-left: 56px;
}

.news3_d .wrapper .detailed .skd-btn .prev:before {
    content: '';
    width: 0;
    height: 26px;
    border-left: 2px solid #d3d7d9;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.news3_d .wrapper .detailed .skd-btn .next {
    background-position: -130px center;
    padding-left: 30px;
}

.news3_d .wrapper .detailed .skd-btn .return {
    background-position: -260px center;
    border-left: 2px solid #d3d7d9;
}

/* news4*/
.news4 .wrapper .detailed .list {
    margin: 0 -13px;
    overflow: hidden;
}

.news4 .wrapper .detailed .list .li {
    float: left;
    width: 33.33333%;
    padding: 0 13px;
    margin-bottom: 20px;
}

.news4 .wrapper .detailed .list .li .img {
    height: 167px;
    background-color: #cbd3e1;
    border-radius: 6px;
    position: relative;
}

.news4 .wrapper .detailed .list .li .img:before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/ico24.png) no-repeat center bottom;
    background-size: cover;
    border-radius: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.news4 .wrapper .detailed .list .li .img:after {
    content: '';
    width: 90%;
    height: 24px;
    background: url(../images/ico36.png) no-repeat center bottom;
    background-size: contain;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
}

.news4 .wrapper .detailed .list .li .img img {
    border-radius: 6px;
}

.news4 .wrapper .detailed .list .li .text {
    margin-top: 14px;
}

.news4 .wrapper .detailed .list .li .text .name {
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    height: 54px;
    overflow: hidden;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.news4 .wrapper .detailed .list .li .text .date {
    font-family: 'en';
    font-size: 18px;
    color: #bbbec0;
    line-height: 1;
}

.news4 .wrapper .detailed .more {
    width: 45px;
    height: 45px;
    background: url(../images/more.png) no-repeat;
    margin: auto;
    margin-top: 36px;
    cursor: pointer;
}

.news4 .wrapper .detailed .list .li:hover .text .name {
    color: #075fd6;
}

/* online_exhibition*/
/* .online_exhibition{background: none !important;}
.online_exhibition .con01{width: 100%;height: 100%;background: url(../images/ico1.jpg) no-repeat center;background-size: cover;}
.online_exhibition .con01 .content{height: 100%;position: relative;}
.online_exhibition .title{position: absolute;top: 24%;left: 0;}
.online_exhibition .title .en{font-family: 'en';font-size: 54px;color: #fff;line-height: 50px;font-weight: lighter;text-transform: uppercase;}
.online_exhibition .title .en em{font-weight: bold;display: block;}
.online_exhibition .title .cn{font-size: 16px;color: #ffffff;line-height: 44px;}
.online_exhibition .circle{width: 475px;height: 475px;position: absolute;margin-left: 50%;left: -207px;bottom: 11%;}
.online_exhibition .circle:before{content: '';width: 100%;height: 100%;background: url(../images/ico2.png) no-repeat center;background-size: cover;position: absolute;top: 0;left: 0;opacity: 0;animation: fadeIn02 2.4s linear forwards;-webkit-animation: fadeIn02 2.4s linear forwards;}
.online_exhibition .circle:after{content: '';width: 100%;height: 100%;background: url(../images/ico3.png) no-repeat center;background-size: cover;position: absolute;top: 0;left: 0;opacity: 0;animation: fadeIn02 2.4s linear forwards;-webkit-animation: fadeIn02 2.4s linear forwards;}
.online_exhibition .circle .ico{width: 233px;height: 123px;background: url(../images/ico4.png) no-repeat center;background-size: cover;position: absolute;top: 50%;left: 50%;margin-top: -72px;margin-left: -116.5px;}
.online_exhibition .circle .list a{position: absolute;width: 160px;height: 160px;line-height: 160px;background: url(../images/ico5.png) no-repeat center;background-size: cover;text-align: center;padding: 0 5px;z-index: 2;}
.online_exhibition .circle .list .text{display: inline-block;vertical-align: middle;animation: none;-webkit-animation: none;}
.online_exhibition .circle .list .cn{font-size: 18px;color: #feffff;line-height: 24px;margin-bottom: 6px;}
.online_exhibition .circle .list .en{font-family: 'en';font-size: 16px;color: #fff;color: rgba(255,255,255,.4);line-height: 16px;text-transform: uppercase;}
.online_exhibition .circle .list a.num01{top: -75px;left: 50%;margin-left: -80px;}
.online_exhibition .circle .list a.num02{top: 87px;right: -53px;}
.online_exhibition .circle .list a.num03{top: 340px;right: 18px;}
.online_exhibition .circle .list a.num04{top: 340px;left: 18px;}
.online_exhibition .circle .list a.num05{top: 87px;left: -53px;}
.login_btn{width: 123px;height: 55px;line-height: 55px;border: 1px solid #fff;border: 1px solid rgba(255, 255, 255, .2);border-radius: 4px;font-size: 16px;color: #eefff9;padding-left: 32px;margin-top: 40px;position: relative;overflow: hidden;-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;-o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;transition: all cubic-bezier(.4, 0, .2, 1) .4s;}
.login_btn .icon_login{position: relative;float: left;width: 24px;height: 55px;margin-right: 7px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-image: url(../images/ico35.png);}
.login_btn:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: -1;-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;-o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;transition: all cubic-bezier(.4, 0, .2, 1) .4s;display: inline-block;-webkit-transform: translateY(-120%);-ms-transform: translateY(-120%);transform: translateY(-120%);opacity: 0;}
.login_btn:hover:before{-webkit-transform: none;-ms-transform: none;transform: none;opacity: 1;}
.login_btn:hover .icon_login{background-image: url(../images/ico35_on.png);}
.login_btn:hover{color: #075fd6;}*/
.online_exhibition .con01 .content {
    height: 100%;
    position: relative;
    padding-top: 126px;
}

.online_exhibition .title {
    position: absolute;
    top: 22%;
    left: 0;
    z-index: 9;
}

.online_exhibition .title .en {
    font-family: 'en';
    font-size: 54px;
    color: #fff;
    line-height: 50px;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: -3px;
    position: relative;
    left: -3px;
}

.online_exhibition .title .en em {
    font-weight: bold;
    display: block;
}

.online_exhibition .title .cn {
    font-size: 22px;
    color: #ffffff;
    line-height: 44px;
}

.online_exhibition .title a {
    font-size: 20px;
    color: #8eb3ff;
    padding-right: 20px;
    background: url(../images/ico69.png) no-repeat right center;
    display: inline-block;
    margin-top: 20px;
}

.online_exhibition .title a:hover {
    color: #fee95f;
    background: url(../images/ico69_on.png) no-repeat right center;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .6s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .6s;
    transition: all cubic-bezier(.4, 0, .2, 1) .6s;
}

.online_exhibition .con01 .list {
    margin: 0 -7.5px;
    overflow: hidden;
}

.online_exhibition .con01 .list .li_line01 {
    position: absolute;
    left: 545px;
    top: 100%;
    bottom: 100%;
    width: 2px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    -webkit-transition-property: top, bottom;
    transition-property: top, bottom;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.online_exhibition .con01 .list .li_line02 {
    position: absolute;
    left: 887px;
    top: 100%;
    bottom: 100%;
    width: 2px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    -webkit-transition-property: top, bottom;
    transition-property: top, bottom;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.online_exhibition .con01 .list.animated .li_line01 {
    top: 0;
    bottom: 0;
}

.online_exhibition .con01 .list.animated .li_line02 {
    top: 0;
    bottom: 0;
}

.online_exhibition .con01 .list .li {
    width: 33.3333%;
    padding: 0 7.5px;
    height: 308px;
    float: left;
    position: relative;
}

.online_exhibition .con01 .list .li a {
    padding: 45px 40px 0 37px;
    background-color: #012f6d;
    background-color: rgba(1, 47, 109, .6);
    height: 100%;
}

.online_exhibition .con01 .list .li a:hover {
    background-color: #0061ae;
}

.online_exhibition .con01 .list .icon_online {
    width: 68px;
    height: 64px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
}

.online_exhibition .con01 .list .icon_online.icon_login {
    background-image: url(../images/ico47.png);
}

.online_exhibition .con01 .list .icon_online.icon_exhibitor {
    background-image: url(../images/ico48.png);
}

.online_exhibition .con01 .list .icon_online.icon_supply {
    background-image: url(../images/ico49.png);
}

.online_exhibition .con01 .list .icon_online.icon_watch {
    background-image: url(../images/ico50.png);
}

.online_exhibition .con01 .list .icon_online.icon_enterprise {
    background-image: url(../images/ico51.png);
}

.online_exhibition .con01 .list .icon_online.icon_exhibits {
    background-image: url(../images/ico52.png);
}

.online_exhibition .con01 .list .line {
    width: 100%;
    height: 1px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    margin: 32px 0;
}

.online_exhibition .con01 .list .text .cn {
    font-size: 24px;
    color: #46c0ff;
}

.online_exhibition .con01 .list .text .en {
    font-family: 'DINSchrift';
    font-size: 24px;
    color: #fff;
    color: rgba(255, 255, 255, .2);
    text-transform: uppercase;
    margin-top: 14px;
}

.online_exhibition .con01 .list a:hover .icon_online {
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .6s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .6s;
    transition: all cubic-bezier(.4, 0, .2, 1) .6s;
}

.online_exhibition .con01 .list a:hover .icon_online {
    animation: fadeInUp02 .6s linear forwards;
    -webkit-animation: fadeInUp02 .6s linear forwards;
}

.online_exhibition .con01 .list a:hover .text {
    animation: fadeInDown02 .6s linear forwards;
    -webkit-animation: fadeInDown02 .6s linear forwards;
}

.online_exhibition .con01 .list a:hover .icon_online.icon_login {
    background-image: url(../images/ico47_on.png);
}

.online_exhibition .con01 .list a:hover .icon_online.icon_exhibitor {
    background-image: url(../images/ico48_on.png);
}

.online_exhibition .con01 .list a:hover .icon_online.icon_supply {
    background-image: url(../images/ico49_on.png);
}

.online_exhibition .con01 .list a:hover .icon_online.icon_watch {
    background-image: url(../images/ico50_on.png);
}

.online_exhibition .con01 .list a:hover .icon_online.icon_enterprise {
    background-image: url(../images/ico51_on.png);
}

.online_exhibition .con01 .list a:hover .icon_online.icon_exhibits {
    background-image: url(../images/ico52_on.png);
}

/* online_exhibition2*/
.online_exhibition2 .page_ban video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.online_exhibition2 .page_ban .img {
    position: absolute;
    left: 0;
    top: 22%;
    width: 100%;
    text-align: center;
}

.online_exhibition2 .con01 {
    padding: 50px 0;
}

.online_exhibition2 .list {
    padding: 50px 0 0;
    margin: 0 -3px;
    overflow: hidden;
}

.online_exhibition2 .list .li {
    float: left;
    width: 25%;
    padding: 0 3px;
    margin-bottom: 6px;
}

.online_exhibition2 .list .li .img {
    text-align: center;
    height: 128px;
    overflow: hidden;
}

.online_exhibition2 .list .li a {
    min-height: 250px;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #d5eae5;
}

.online_exhibition2 .list .li h3 {
    font-size: 16px;
    color: #333333;
    margin: 8px 0;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.online_exhibition2 .list .li p {
    color: #999999;
    line-height: 20px;
}

.online_exhibition2 .more {
    font-size: 16px;
    color: #fff;
    background: url(../images/ico70.png) no-repeat right center;
    padding-right: 17px;
    position: absolute;
    right: 0;
    top: 5px;
}

.online_exhibition2 .list .li a:hover h3 {
    color: #075fd6;
}

.online_exhibition2 .wrapper {
    padding-bottom: 30px;
}

.page_wrap {
    background-color: #fff;
    overflow: hidden;
}

/* online_exhibition2_d*/
.wrapper_nav .name02 {
    font-size: 16px;
    color: #8b9092;
    line-height: 44px;
}

.wrapper_nav .name03 {
    font-size: 16px;
    color: #8b9092;
    line-height: 28px;
    margin-top: 10px;
}

.news .wrapper_nav .name03 strong {
    font-size: 30px;
    color: #fecd22;
    display: inline-block;
    font-family: 'en';
}

.news .wrapper_nav .name03 em {
    color: #075fd6;
    display: inline-block;
    font-family: 'en';
}

/* .online_exhibition2_d .wrapper_nav .name03 em{font-size: 26px;color: #075fd6;display: block;}
.online_exhibition2_d .detailed .img{position: relative;height: 240px;padding-top: 120px;text-align: center;overflow: hidden;}
.online_exhibition2_d .detailed .img .bg{width: 900px;height: 240px;background-repeat: no-repeat;background-position: center;-webkit-animation: scale_img 30s infinite ease-out alternate;animation: scale_img 30s infinite ease-out alternate;position: absolute;left: 0;top: 0;z-index: -1;}
.online_exhibition2_d .detailed .img .cn{font-size: 28px;color: #075fd6;line-height: 26px;}
.online_exhibition2_d .box{margin-top: 40px;position: relative;}
.online_exhibition2_d .box h3:first-child{background: url(../images/ico2.jpg) no-repeat center bottom;border: none;}
.online_exhibition2_d .box h3{font-size: 20px;color: #4a4a4a;line-height: 30px;padding-bottom: 18px;border-bottom: 3px solid #e4edee;margin: 27px 0 14px;}
.online_exhibition2_d .box p{font-size: 15px;margin-bottom: 14px;}
.online_exhibition2_d .box .img{position: absolute;right: 30%;bottom: 0;height: 128px;padding: 0;}
.online_exhibition2_d .box .img img{height: 128px;}*/
/* online_exhibition3*/
.online_exhibition3 .page_ban {
    height: 266px;
    margin-top: 126px;
}

.online_exhibition3 .page_ban .detailed .en {
    color: #fff;
    color: rgba(255, 255, 255, .5);
}

.online_exhibition3 .page_ban .detailed {
    padding-top: 74px;
}

.online_exhibition3 .list {
    margin: 0 -22px 0 0 !important;
}

.online_exhibition3 .list .li {
    float: left;
    width: 285px;
    height: 200px;
    margin-right: 22px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    overflow: hidden;
}

.online_exhibition3 .list .li .img {
    width: 100%;
    height: 230px;
}

.online_exhibition3 .list .li .detailed {
    padding: 28px;
    overflow: hidden;
    width: auto;
}

.online_exhibition3 .list .li .date {
    font-family: 'DINSchrift';
    font-size: 18px;
    color: #999999;
    padding-left: 30px;
    position: relative;
    margin-bottom: 14px;
}

.online_exhibition3 .list .li .title {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    -webkit-transition: all .4s;
    transition: all .4s;
    height: 70px;
    overflow: hidden;
    margin: 0;
}

.online_exhibition3 .list .li:hover .title {
    color: #0061ae;
}

.online_exhibition3 .list .li .date em {
    font-size: 14px;
    padding: 0 5px;
    color: #fff;
    position: absolute;
    left: 0;
    top: -2px;
    line-height: 27px;
}

.online_exhibition3 .list .li .date em.green {
    background-color: #0aaf86;
}

.online_exhibition3 .list .li .date em.red {
    background-color: #f65f5f;
}

.online_exhibition3 .list .li .text {
    font-size: 13px;
    color: #4b4b4b;
    color: rgba(75, 75, 75, .8);
    line-height: 22px;
    margin: 10px 0;
    min-height: 44px;
}

.online_exhibition3 .list .li .text02 {
    position: absolute;
    left: 0;
    bottom: 28px;
    width: 81%;
    margin: auto;
    right: 0;
}

.online_exhibition3 .list .li .text02 .fl {
    color: #9295a1;
}

.online_exhibition3 .list .li.end .text02 .fr {
    color: #aaaaaa;
}

.online_exhibition3 .list .li.start .text02 .fr {
    color: #0aaf86;
}

.online_exhibition3 .con01 {
    position: relative;
}

.online_exhibition3 .con01 .bg {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    padding: 0 30px 100px;
    margin: 0 -30px -56px;
    position: relative;
}

.online_exhibition3 .con01 .bg:before {
    content: '';
    width: 100%;
    height: 114px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.online_exhibition3 .con01 .up {
    width: 100%;
    display: inline-block;
    margin: 0;
    margin-bottom: 26px;
    overflow: visible;
}

.online_exhibition3 .con01 .tab_detailed {
    position: relative;
}

.online_exhibition3 .con01 .tab {
    background: none;
    padding: 0;
    margin: 0;
    overflow: visible;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}

.online_exhibition3 .con01 .tab a {
    float: left;
    width: 120px;
    line-height: 40px;
    text-align: center;
    margin-right: 5px;
    font-size: 16px;
    color: #fff;
    /* -webkit-transition: all .4s;transition: all .4s;*/
}

.online_exhibition3 .con01 .tab a.green {
    background-color: #0aaf86;
}

.online_exhibition3 .con01 .tab a.red {
    background-color: #f65f5f;
}

.online_exhibition3 .con01 .tab a.green.on {
    box-shadow: 0px 7px 24px rgba(23, 237, 118, .5);
}

.online_exhibition3 .con01 .tab a.red.on {
    box-shadow: 0px 7px 24px rgba(237, 23, 23, .5);
}

.online_exhibition3 .mySelect,
.online_exhibition3 .mySelect .show {
    height: 40px;
    line-height: 40px;
    color: #666666;
}

.online_exhibition3 .mySelect .show:after {
    height: 40px;
}

.online_exhibition3 .mySelect .drapList {
    top: 40px;
}

.online_exhibition3 .mySelect ul {
    margin-top: 0;
}

.online_exhibition3 .mySelect li {
    margin-right: 0 !important;
    float: none !important;
}

.online_exhibition3 .con01 .up .click_volume {
    float: left;
    margin-right: 22px;
}

.online_exhibition3 .con01 .up .click_volume em {
    color: #666666;
    line-height: 40px;
    float: left;
}

.online_exhibition3 .con01 .up .click_volume .click_up {
    width: 16px;
    height: 16px;
    border: 1px solid #666666;
    background: url(../images/ico45.png) no-repeat center;
    float: left;
    margin: 12px 1px 0 5px;
    cursor: pointer;
}

.online_exhibition3 .con01 .up .click_volume .click_down {
    width: 16px;
    height: 16px;
    border: 1px solid #666666;
    background: url(../images/ico45.png) no-repeat center;
    float: left;
    margin: 12px 0 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    cursor: pointer;
}

.online_exhibition3 .con01 .up .posCont {
    float: right;
}

.online_exhibition3 .con01 .up .posCont input {
    float: left;
    width: 207px;
    line-height: 38px;
    padding: 0 20px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    color: #999999;
}

.online_exhibition3 .con01 .up .posCont input::-webkit-input-placeholder {
    color: #999999;
}

.online_exhibition3 .con01 .up .posCont input:-moz-placeholder {
    color: #999999;
}

.online_exhibition3 .con01 .up .posCont input::-moz-placeholder {
    color: #999999;
}

.online_exhibition3 .con01 .up .posCont input:-ms-input-placeholder {
    color: #999999;
}

.online_exhibition3 .con01 .up .posCont .search_btn {
    float: left;
    width: 80px;
    height: 40px;
    background: url(../images/search.png) no-repeat center #0061ae;
}

/* online_exhibition3_d*/
.online_exhibition3_d .page_ban {
    height: 266px;
    margin-top: 126px;
}

.online_exhibition3_d .page_ban .detailed .en {
    color: #fff;
    color: rgba(255, 255, 255, .5);
}

.online_exhibition3_d .page_ban .detailed {
    padding-top: 74px;
}

.online_exhibition3_d .bg {
    background-color: #fff;
    padding: 60px 30px 150px;
    margin: 0 -30px -56px;
    position: relative;
    overflow: hidden;
}

.online_exhibition3_d .detailed {
    overflow: hidden;
}

.online_exhibition3_d .detailed .title {
    font-size: 20px;
    color: #0061ae;
    line-height: 36px;
    overflow: hidden;
    margin-bottom: 8px;
}

.online_exhibition3_d .detailed .fl,
.online_exhibition3_d .detailed .fr {
    float: none;
}

.online_exhibition3_d .detailed .fr .title {
    font-size: 20px;
    line-height: 32px;
}

.online_exhibition3_d .detailed .title em {
    font-size: 14px;
    padding: 0 10px;
    color: #fff;
    margin-right: 10px;
    position: relative;
    float: left;
    line-height: 32px;
}

.online_exhibition3_d .detailed .title em.green {
    background-color: #0aaf86;
}

.online_exhibition3_d .detailed .title em.red {
    background-color: #f65f5f;
}

.online_exhibition3_d .detailed .bit {
    width: 100%;
    position: relative;
    background-color: #f3f5fb;
    padding: 28px;
}

.online_exhibition3_d .detailed .bit.blur .li {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.online_exhibition3_d .detailed .bit .li {
    color: #182349;
    color: rgba(24, 35, 73, .6);
    line-height: 27px;
}

.online_exhibition3_d .detailed .bit .li+.li {
    margin-top: 16px;
}

.online_exhibition3_d .detailed .bit .li>em {
    position: relative;
    float: left;
    width: 26px;
    height: 25px;
    margin: 0;
    margin-right: 6px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
}

.online_exhibition3_d .detailed .bit .li>em.date {
    background-image: url(../images/ico37.png);
}

.online_exhibition3_d .detailed .bit .li>em.position {
    background-image: url(../images/ico38.png);
}

.online_exhibition3_d .detailed .bit .li>em.name {
    background-image: url(../images/ico39.png);
}

.online_exhibition3_d .detailed .bit .li>em.call {
    background-image: url(../images/ico40.png);
}

.online_exhibition3_d .detailed .bit .li>em.mall {
    background-image: url(../images/ico43.png);
}

.online_exhibition3_d .detailed .bit .li>em.blue {
    float: none;
    width: auto;
    color: #125f7e;
    font-size: 16px;
    font-family: 'en';
}

.online_exhibition3_d .detailed .bit .bit_prompt {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -45px;
    text-align: center;
}

.online_exhibition3_d .detailed .bit .bit_prompt .bit_login {
    height: 55px;
    line-height: 55px;
    background-color: #5bb8d7;
    padding: 0 30px;
    border-radius: 4px;
    box-shadow: 0px 9px 25px rgba(23, 184, 237, .4);
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
}

.online_exhibition3_d .detailed .bit .bit_prompt p {
    color: #ff0606;
    text-align: center;
}

.online_exhibition3_d .detailed .Cont p {
    margin-bottom: 14px;
}

.online_exhibition3_d .detailed .Cont span,
.online_exhibition3_d .detailed .Cont p {
    color: #5f5e5e;
    color: rgba(95, 94, 94, .8);
    line-height: 1.72;
}

.online_exhibition3_d .detailed .Cont p strong {
    margin-bottom: 14px;
}

.online_exhibition3_d .detailed .Cont p img {
    /* margin: 20px 0;*/
}

.online_exhibition3_d .detailed .Cont span {
    font-size: inherit !important;
}

.online_exhibition3_d .detailed .return {
    width: 100%;
    height: 60px;
    line-height: 58px;
    border: 1px solid #125f7e;
    border: 1px solid rgba(18, 95, 126, .6);
    text-align: center;
    color: #637a74;
    margin-top: 8px;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

.online_exhibition3_d .detailed .return .btn_ico {
    width: 24px;
    height: 16px;
    background: url(../images/ico44.png) no-repeat center;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s;
    transition: all .4s;
    display: inline-block;
    position: relative;
    margin-left: -24px;
    margin-bottom: -2px;
}

.online_exhibition3_d .detailed .return:hover {
    background-color: #173e9b;
    color: #fff;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

.online_exhibition3_d .detailed .return:hover .btn_ico {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-left: 15px;
    background: url(../images/ico44_on.png) no-repeat center;
    /* -webkit-transform: translate(15px, 0);*/
    /* transform: translate(15px, 0);*/
}

.online_exhibition3_d .detailed .btn_a {
    overflow: hidden;
}

.online_exhibition3_d .detailed .btn_a a {
    width: 156px;
    height: 58px;
    line-height: 56px;
    text-align: center;
    color: #637a74;
    float: left;
    /* -webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;-o-transition: all cubic-bezier(.4,0,.2,1) .4s;transition: all cubic-bezier(.4,0,.2,1) .4s;*/
    background-color: #fff;
    border: 1px solid #125f7e;
    border: 1px solid rgba(18, 95, 126, .6);
}

.online_exhibition3_d .detailed .prev {
    margin-right: 8px;
}

.online_exhibition3_d .detailed .btn_a a:hover {
    background-color: #173e9b;
    color: #fff;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

.online_exhibition3_d .send_weibo {
    margin: 36px 0;
}

.online_exhibition3_d .comment_inputor {
    border: 1px solid #dfdfdf;
    height: 130px;
    background-color: #f3f3f3;
    width: 100%;
    padding: 20px 20px 32px;
    color: #767676;
}

.online_exhibition3_d .submit {
    line-height: 50px;
    padding: 0 56px;
    background-color: #0061ae;
    font-size: 14px;
    color: #fff;
}

.online_exhibition3_d .weiba-com {
    border-top: 1px solid rgba(223, 223, 223, .4);
}

.online_exhibition3_d .weiba-com .li {
    padding: 15px 0;
    border-bottom: 1px solid rgba(223, 223, 223, .4);
}

.online_exhibition3_d .weiba-com .li .weiba-up {
    overflow: hidden;
    line-height: 30px;
    margin-bottom: 22px;
}

.online_exhibition3_d .weiba-com .li .name {
    float: left;
    color: #5e5f63;
    display: block;
    width: 90%;
}

.online_exhibition3_d .weiba-com .li em {
    color: #b1b1b1;
    margin-left: 30px;
}

.online_exhibition3_d .weiba-com .li .date {
    color: #b1b1b1;
    font-family: 'en';
    float: right;
}

.online_exhibition3_d .weiba-com .li .weiba-down,
.online_exhibition3_d .weiba-com .li .weiba-down p {
    color: #0e69ba;
}

.online_exhibition3_d .pagination {
    text-align: right;
}

.online_exhibition3_d .pagination button:first-child,
.online_exhibition3_d .pagination button:last-child,
.online_exhibition3_d .pagination .spage-skip {
    display: none;
}

/* online_exhibition4*/
#luxy.online_exhibition4 {
    background: url(../images/ico58.jpg) no-repeat center bottom;
    background-size: cover;
}

.online_exhibition4 .title {
    text-align: center;
    margin: 75px 0 45px;
}

.online_exhibition4 .title .cn {
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 6px;
}

.online_exhibition4 .title .en {
    font-family: 'en';
    font-size: 32px;
    color: #fff;
    color: rgba(225, 225, 225, .3);
    line-height: 1;
    text-transform: uppercase;
}

.online_exhibition4 .list {
    margin: 0 -37px;
    display: inline-block;
}

.online_exhibition4 .list .li {
    float: left;
    width: 50%;
    padding: 0 37px;
    margin-bottom: 50px;
    position: relative;
}

.online_exhibition4 .list .li a {
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    position: relative;
}

.online_exhibition4 .list .li .img {
    width: 100%;
    height: 296px;
    overflow: hidden;
    position: relative;
}

.online_exhibition4 .list .li .img:before {
    content: '';
    width: 48px;
    height: 48px;
    background: url(../images/ico60.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px;
    z-index: 2;
}

.online_exhibition4 .list .li .img img {
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.online_exhibition4 .list .li .white {
    width: 88%;
    height: 88px;
    line-height: 88px;
    background-color: #0061ae;
    float: right;
    padding: 0 30px;
    position: relative;
    margin-top: -60px;
    text-align: center;
}

.online_exhibition4 .list .li .name {
    display: inline-block;
    vertical-align: middle;
}

.online_exhibition4 .list .li .name h3 {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.online_exhibition4 .list .li a:hover .name h3 {
    color: #46c0ff;
}

.online_exhibition4 .list .li a:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.online_exhibition4 .list .li a:hover .img:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -80px;
    margin-top: -80px;
    padding: 40px;
    text-align: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -o-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -ms-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: linear-gradient(90deg, rgba(226, 242, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    -webkit-animation: play_rotate 3s infinite;
    animation: play_rotate 3s infinite;
    z-index: 1;
}

.online_exhibition4 .spage-number button {
    color: #fff;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, .2);
}

.online_exhibition4 .spage-number button:hover {
    background-color: #0061ae;
    border: 1px solid #0061ae;
}

.online_exhibition4 .spage-number button.active {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    z-index: 3;
}

.online_exhibition4 .spage-skip {
    display: none;
}

/* .online_exhibition4 .con01{width: 100%;height: 100%;background: url(../images/ico19.jpg) no-repeat center;background-size: cover;padding: 124px 0 50px 0;}
.online_exhibition4 .title{margin: 75px 0 45px;}
.online_exhibition4 .title .cn{font-size: 24px;color: #fff;line-height: 30px;margin-bottom: 6px;}
.online_exhibition4 .title .en{font-family: 'en';font-size: 32px;color: #fff;color: rgba(255,255,255,.3);line-height: 1;text-transform: uppercase;}
.online_exhibition4 .list{width: 100%;margin: 0 -12px;display: inline-block;}
.online_exhibition4 .list .li{float: left;width: 33.3333%;padding: 0 12px;margin-bottom: 50px;position: relative;text-align: center;}
.online_exhibition4 .list .li a{-webkit-transition: all .4s linear;transition: all .4s linear;position: relative;}
.online_exhibition4 .list .li .img{padding: 12px;background-color: #fff;border-radius: 6px;position: relative;-webkit-transition: all .4s linear;transition: all .4s linear;}
.online_exhibition4 .list .li .img:after{content: '';width: 85%;height: 24px;background: url(../images/ico36.png) no-repeat center bottom;background-size: contain;position: absolute;bottom: 26px;left: 0;right: 0;margin: auto;}
.online_exhibition4 .list .li .img:before{content: '';width: 93%;height: 100%;background: url(../images/ico24.png) no-repeat center bottom;background-size: cover;border-radius: 6px;position: absolute;bottom: 13px;left: 0;right: 0;margin: auto;}
.online_exhibition4 .list .li a img{border-radius: 6px;}
.online_exhibition4 .list .li a:hover{-webkit-transform: translateY(-20px);transform: translateY(-20px);}
.online_exhibition4 .list .li a:hover .img{box-shadow: 0px 16px 27px rgba(0, 146, 182, .9);}*/
/* online_exhibition5*/
#luxy.online_exhibition5 {
    background: url(../images/ico54.jpg) no-repeat center;
    background-size: cover;
}

.online_exhibition5 .con01 {}

.online_exhibition5 .title {
    text-align: center;
    margin: 75px 0 45px;
}

.online_exhibition5 .title .cn {
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 6px;
}

.online_exhibition5 .title .en {
    font-family: 'en';
    font-size: 32px;
    color: #fff;
    color: rgba(225, 225, 225, .3);
    line-height: 1;
    text-transform: uppercase;
}

.online_exhibition5 .con01 .bd {
    width: 100% !important;
    /* margin: 0 -30px;*/
}

.online_exhibition5 .con01 .list {
    width: 1250px !important;
    display: inline-block;
}

.online_exhibition5 .con01 .list .li {
    float: left;
    width: 262px;
    height: 221px;
    /* padding: 0 30px;*/
    margin-bottom: 40px;
    margin-right: 50px;
}

.online_exhibition5 .con01 .list .li a {
    width: 100%;
    height: 100%;
    padding: 110px 20px 0;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    position: relative;
    text-align: center;
}

.online_exhibition5 .con01 .list .li a:before {
    content: '';
    width: 262px;
    height: 138px;
    background: url(../images/ico56.png) no-repeat center;
    position: absolute;
    left: 0;
    bottom: 0;
}

.online_exhibition5 .con01 .list .li a:after {
    content: '';
    width: 61px;
    height: 7px;
    background: url(../images/ico61.png) no-repeat center;
    position: absolute;
    left: 0;
    bottom: 14px;
    -webkit-transform: translateX(150px);
    -ms-transform: translateX(150px);
    transform: translateX(150px);
}

.online_exhibition5 .con01 .list .li .ico {
    width: 80%;
    height: 90px;
    background-color: #fff;
    /* overflow: hidden;*/
    position: absolute;
    top: 5%;
    left: 0;
    line-height: 110px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    right: 0;
    margin: auto;
    /* bottom: 0;*/
}

.online_exhibition5 .con01 .list .li:before {
    content: '';
    width: 240px;
    height: 110px;
    position: absolute;
    /* left: 0;*/
    top: 0;
    background-color: #fff;
    z-index: -1;
    right: 10px;
    margin: auto;
}

.online_exhibition5 .con01 .list .li .ico img {
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.online_exhibition5 .con01 .list .li .text {
    color: #ffffff;
    line-height: 26px;
    margin-top: 20px;
}

.online_exhibition5 .con01 .list .li .text h3 {
    font-size: 18px;
    max-width: 96%;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
}

.online_exhibition5 .con01 .list .li .text p {
    color: #ffffff;
    line-height: 26px;
    text-align: center;
}

.online_exhibition5 .con01 .list .li .line {
    width: 53px;
    height: 9px;
    background: url(../images/ico67.png) no-repeat center left;
    position: absolute;
    left: 29px;
    bottom: 0;
}

.online_exhibition5 .con01 .list .li a:hover:after {
    -webkit-animation: online_le 2.6s 1 ease-out forwards;
    animation: online_le 2.6s 1 ease-out forwards;
}

.online_exhibition5 .con01 .list .li a:hover .line {
    width: 251px;
    transition: width 4s ease-out;
    -webkit-transition: width 4s ease-out;
}

.online_exhibition5 .pagination {
    position: absolute;
    right: -160px;
    top: 50%;
    margin-top: -55px;
}

.online_exhibition5 .spage-skip {
    display: none;
}

.online_exhibition5 .spage-total {
    display: block;
    font-family: 'en';
    font-size: 18px;
    color: #ffffff;
    position: absolute;
    top: 125px;
    left: 40px;
    display: none;
}

.online_exhibition5 .spage-number button {
    font-family: 'en';
    font-size: 18px;
    color: #ffffff;
    border: none;
    width: auto;
    height: auto;
    line-height: inherit;
    display: none;
}

.online_exhibition5 .spage-number button.active {
    display: block;
    margin: 30px auto;
    border: none !important;
}

.online_exhibition5 .spage-number button.active:hover {
    background: none !important;
}

.online_exhibition5 .spage-number .prev {
    position: relative;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #fff;
    border: none;
    background: none;
    display: block;
    font-size: 14px;
    position: relative;
}

.online_exhibition5 .spage-number .prev:hover {
    border: none !important;
}

.online_exhibition5 .spage-number .next {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #fff;
    border: none;
    background: none;
    display: block;
    text-indent: 0;
    font-size: 14px;
    position: relative;
}

.online_exhibition5 .spage-number .prev:before,
.online_exhibition5 .spage-number .next:before {
    content: '';
    width: 80px;
    height: 80px;
    background: url(../images/ico57.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
}

.online_exhibition5 .spage-number .next:hover {
    border: none !important;
}

.online_exhibition5 .spage-number .prev:hover:before,
.online_exhibition5 .spage-number .next:hover:before {
    animation: play_rotate 1s ease-in-out forwards;
    -webkit-animation: play_rotate 1s ease-in-out forwards;
}

.online_exhibition5 .slideBox .num {
    margin: 20px 0;
}

.online_exhibition5 .slideBox .num span {
    font-family: 'en';
    font-size: 18px;
    color: #ffffff;
    line-height: 40px;
}

/* online_exhibition6*/
.online_exhibition6 .con01 {
    width: 100%;
    margin-top: 124px;
    text-align: center;
}

.online_exhibition6 .con01 .float {
    margin-top: 50px;
    display: inline-block;
}

/* online_exhibition6_d*/
.online_exhibition6_d .con01 {
    width: 100%;
    height: 100%;
    background: url(../images/ico6.jpg) no-repeat center;
    background-size: cover;
    margin-top: 124px;
}

.online_exhibition6_d .con01 .content {
    width: 1368px;
    height: 100%;
    background: url(../images/ico7.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}

/* menu_top*/
.menu_top {
    position: fixed;
    right: 0;
    bottom: 5px;
    z-index: 999;
    width: 70px;
    opacity: 0;
    height: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    cursor: pointer;
}

.menu_top.scor {
    opacity: 1;
    height: 70px;
}

/* 模板*/
.video {
    cursor: pointer;
}

#luxy.online_exhibition2_d {
    background: none;
}

#luxy.online_exhibition2_d video,
.online_exhibition2_d-data1 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.online_exhibition2_d .videoBtn {
    content: '';
    width: 48px;
    height: 48px;
    background: url(../images/ico60.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px;
    z-index: 2;
}

.style01 .con01 .videoBtn {
    margin-left: 5px;
}

.online_exhibition2_d .video:hover .videoBtn:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -80px;
    margin-top: -80px;
    padding: 40px;
    text-align: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -o-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -ms-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: linear-gradient(90deg, rgba(226, 242, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    -webkit-animation: play_rotate 3s infinite;
    animation: play_rotate 3s infinite;
    z-index: 1;
}

.online_exhibition2_d .tab-menu {
    border: 2px solid #eaeaea;
}

.online_exhibition2_d .tab {
    padding: 0;
    margin: 0;
    background: none;
    font-size: 0;
    text-align: center;
    overflow: visible;
}

.online_exhibition2_d .tab a {
    font-size: 16px;
    color: #616161;
    line-height: 30px;
    float: none;
    padding: 28px 0;
    margin: 0 17px;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.online_exhibition2_d .tab a.on {
    color: #005fdf;
}

.online_exhibition2_d .tab a.on:before {
    content: '';
    width: 100%;
    height: 4px;
    background-color: #005fdf;
    position: absolute;
    bottom: -4px;
    left: 0;
}

.online_exhibition2_d .online_exhibition2_d .box {
    margin: 0;
}

.persons_ban {
    height: 307px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 126px;
}

.persons_ban .content {
    position: relative;
    height: 100%;
}

.persons_ban .detailed {
    padding-top: 95px;
}

.persons_ban .persons_imgArea {
    float: left;
    width: 119px;
    height: 119px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 88%;
    background-color: #fff;
    border-radius: 50%;
    border: 3px solid #a9b5bb;
    margin-right: 26px;
}

.persons_ban .person_texts {
    height: 119px;
    line-height: 119px;
}

.persons_ban .person_name {
    display: inline-block;
    vertical-align: middle;
}

.persons_ban .person_name h3 {
    font-size: 20px;
    color: #ffffff;
    line-height: 40px;
}

.persons_ban .persons_return {
    height: 42px;
    line-height: 42px;
    padding: 0 22px;
    border: 1px solid #fff;
    border: 1px solid rgba(225, 225, 225, .4);
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -21px;
    display: inline-block;
}

.persons_ban .persons_return .btn_ico {
    width: 24px;
    height: 16px;
    background: url(../images/ico3.png) no-repeat center;
    display: inline-block;
    margin-left: 10px;
}

.persons_ban .persons_return:hover .btn_ico {
    animation: hoverBtn ease-out .3s reverse;
}

.persons_ban .persons_return:hover {
    color: #005fdf;
    background-color: #fff;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

/* 模板1*/
.style01 .con01 {
    padding: 90px 0 108px;
    overflow: hidden;
}

.style01 .con01 .fl {
    width: 620px;
    height: 316px;
    position: relative;
}

.style01 .con01 .img {
    width: 562px;
    height: 316px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover !important;
    margin-left: 58px;
    overflow: hidden;
    background-size: 100% 100%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.style01 .con01 .img:hover {
    background-size: 105% 105%;
}

.style01 .con01 .fl .line {
    width: 370px;
    height: 276px;
    background: url(../images/ico5.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 80px;
    z-index: -1;
}

.style01 .con01 .fr {
    width: 495px;
    height: 316px;
    /* line-height: 316px;*/
    margin-right: 30px;
    overflow: hidden;
}

.style01 .con01 .text {
    /* display: inline-block;vertical-align: middle;*/
}

.style01 .con01 .text h3 {
    font-size: 20px;
    color: #2f2f2f;
    line-height: 30px;
}

.style01 .con01 .text p {
    margin-top: 14px;
}

.style01 .con01 .text ul {
    overflow: hidden;
    margin-right: -10px;
}

.style01 .con01 .text li {
    font-size: 14px;
    color: #fe7d1f;
    line-height: 33px;
    text-align: center;
    padding: 0 12px;
    margin-right: 10px;
    margin-top: 6px;
    float: left;
    border: 1px solid #e0e0e0;
}

.online_exhibition2_d .height {
    height: 214px;
    overflow: auto;
    padding-right: 10px;
    margin-bottom: 20px;
}

.online_exhibition2_d.style02 .height {
    height: 240px;
}

.online_exhibition2_d.style03 .height {
    height: 240px;
    padding-right: 50px;
}

.online_exhibition2_d .link_exhibition {
    font-size: 14px;
    color: #005fdf;
    line-height: 40px;
    text-align: center;
    padding: 0 20px 0 40px;
    border: 1px solid #005fdf;
    display: inline-block;
    position: relative;
    margin-right: 5px;
}

.online_exhibition2_d .link_exhibition:before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../images/ico28.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 16px;
}

.style01 .con02 {
    min-height: 600px;
    background: url(../images/ico6.jpg) no-repeat center top;
    background-size: cover;
    padding: 20px 0 70px;
}

.style01 .con02 .content {
    background-color: #fff;
    padding: 40px 40px 65px;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.style01 .title .cn {
    font-size: 20px;
    color: #2f2f2f;
    line-height: 1;
}

.style01 .title .en {
    font-family: 'en';
    font-size: 36px;
    color: #e9a586;
    line-height: 30px;
    text-transform: uppercase;
}

.style01 .con02 .title .cn {
    color: #ff0000;
}

.style01 .con03 .title .cn {
    font-size: 36px;
    color: #4997e8;
    margin-top: 13px;
}

.style01 .con02 {
    position: relative;
}

.style01 .con02 .more {
    font-size: 16px;
    color: #808080;
    line-height: 30px;
    position: absolute;
    right: 40px;
    top: 40px;
    padding-right: 14px;
}

.style01 .con02 .more:before {
    content: '';
    width: 8px;
    height: 12px;
    background: url(../images/ico7.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}

.style01 .con02 .detailed {
    margin: 14px 0 20px;
}

.style01 .side {}

.style01 .side .bd {
    width: 1140px;
}

.style01 .side .tempWrap {
    width: 1120px !important;
}

.style01 .side .item {
    float: left;
    width: 360px;
    height: 303px;
    margin-right: 20px;
}

.style01 .side .item .img {
    width: 100%;
    height: 202px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.style01 .side .item .text {
    height: 93px;
    line-height: 93px;
    background-color: #edf2fa;
    padding: 0 24px;
    margin-top: 8px;
}

.style01 .side .item .name {
    display: inline-block;
    vertical-align: middle;
}

.style01 .side .item .name h3 {
    font-size: 16px;
    color: #4a4a4a;
    line-height: 30px;
}

.style01 .side .hd {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
    z-index: 99;
    text-align: center;
}

.style01 .side .hd ul li.on {
    width: 44px;
    background-color: #005fdf;
}

.style01 .side .hd ul li {
    display: inline-block;
    width: 12px;
    height: 4px;
    overflow: hidden;
    background-color: #e0e1e3;
    margin: 0 3px;
    transition: all .4s;
    -webkit-transition: all .4s;
    cursor: pointer;
}

.style01 .con02 .line {
    width: 370px;
    height: 276px;
    background: url(../images/ico5.png) no-repeat center;
    position: absolute;
    right: -118px;
    bottom: -104px;
}

.style01 .con03 {
    background: url(../images/ico11.jpg) no-repeat center;
    background-size: cover;
    min-height: 400px;
    padding: 45px 0;
    overflow: hidden;
    position: relative;
}

.style01 .con03 .title {
    position: absolute;
    top: 50%;
    margin-top: -54.5px;
    left: 50%;
    margin-left: -555px;
}

.style01 .con03 .list {
    width: 780px;
    float: right;
    position: relative;
    padding: 36px 25px 58px 47px;
}

.style01 .con03 .list:before {
    content: '';
    width: 1140px;
    height: 100%;
    background-color: #0e69ba;
    position: absolute;
    right: -360px;
    top: 0;
}

.style01 .con03 .list>div {
    position: relative;
}

.style01 .con03 .list .fl {
    /*width: 50%;*/
    margin-right: 5%;
}

.style01 .con03 .list .fr {
    float: left;
    width: auto;
}

.style01 .con03 .list .p {
    clear: both;
    width: 100%;
    display: inline-block;
}

.style01 .con03 .list p {
    color: #85c6ff;
    line-height: 30px;
    margin-top: 10px;
    text-align: left;
}

.style01 .con03 .list p b {
    font-size: 16px;
    color: #fff;
}

.style01 .con04 {
    padding: 37px 0 88px;
}

.style01 .side02 {
    position: relative;
    z-index: 2;
    margin-top: 37px;
}

.style01 .side02 .bd {
    width: 1242px;
    overflow: hidden;
}

.style01 .side02 .tempWrap {
    width: 1200px !important;
}

.style01 .side02 .item {
    float: left;
    width: 372px;
    height: 210px;
    margin-right: 42px;
}

.style01 .side02 .item .img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.style01 .side02 .item .img:before {
    content: '';
    width: 48px;
    height: 48px;
    background: url(../images/ico60.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px;
    z-index: 2;
}

.style01 .side02 .item .name {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    padding: 0 20px;
}

.style01 .side02 .item .name h3 {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.style01 .side02 .btn {
    display: none;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background-color: #ffffff;
    border-radius: 50%;
    background-image: url(../images/btn.png);
    background-repeat: no-repeat;
    border: 4px solid #bfcedc;
    z-index: 9;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.style01 .side02 .next {
    right: -105px;
    background-position: -72px -68px;
}

.style01 .side02 .prev {
    left: -105px;
    background-position: -2px -2px;
}

.style01 .side02 .btn:hover {
    border: 4px solid #ffb675;
}

.style01 .side02 .prev:hover {
    background-position: -72px -2px;
}

.style01 .side02 .next:hover {
    background-position: -1px -67px;
}

/* 模板2*/
.style02 .con01 {
    height: 600px;
    background-color: #e8eaf0;
}

.style02 .con01 .content {
    position: relative;
    height: 100%;
}

.style02 .con01 .img {
    width: 840px;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover !important;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}

.style02 .con01 .img .bg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    left: 0;
}

.style02 .con01 .img .bg:before {
    content: '';
    width: 60px;
    height: 60px;
    background: url(../images/ico14.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -30px;
    z-index: 2;
}

.style02 .con01 .img .bg:hover:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -80px;
    margin-top: -80px;
    padding: 40px;
    text-align: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -o-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -ms-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: linear-gradient(90deg, rgba(226, 242, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    -webkit-animation: play_rotate 3s infinite;
    animation: play_rotate 3s infinite;
    z-index: 1;
}

.style02 .con01 .text {
    width: 500px;
    padding: 49px 30px 35px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.style02 .con01 .text h3 {
    font-size: 24px;
    color: #4c4c4c;
    line-height: 30px;
    margin-bottom: 20px;
}

.style02 .con01 .text ul {
    overflow: hidden;
    margin-right: -10px;
}

.style02 .con01 .text li {
    font-size: 14px;
    color: #fe7d1f;
    line-height: 33px;
    text-align: center;
    padding: 0 12px;
    margin-right: 10px;
    margin-top: 6px;
    float: left;
    border: 1px solid #e0e0e0;
}

.style02 .con01 .text p {
    color: #808080;
    margin-top: 14px;
}

.style02 .title .cn {
    font-size: 24px;
    color: #353535;
    line-height: 1;
}

.style02 .con02 {
    overflow: hidden;
    padding: 77px 0 55px;
}

.style02 .con02 .title {
    margin-bottom: 28px;
    overflow: hidden;
}

.style02 .con02 .fl {
    width: 720px;
}

.style02 .con02 .fr {
    width: 450px;
}

.style02 .con02 .fl .title h3 {
    float: left;
    margin-right: 18px;
}

.style02 .side {
    width: 100%;
    height: 405px;
    position: relative;
}

.style02 .side .bd,
.style02 .side .bd .item>a {
    width: 100% !important;
    height: 405px !important;
    overflow: hidden;
}

.style02 .side .bd .item {
    width: 100% !important;
    height: 100%;
}

.style02 .side .bd .item .img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.style02 .side .bd .item .name {
    width: 100%;
    height: 62px;
    line-height: 62px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
}

.style02 .side .bd .item .name h3 {
    color: #ffffff;
    font-size: 18px;
}

.style02 .side02 {
    width: 100%;
    height: 328px;
    position: relative;
}

.style02 .side02 .bd,
.style02 .side02 .bd>a {
    width: 100% !important;
    height: 328px !important;
    overflow: hidden;
}

.style02 .side02 .bd .item {
    width: 100% !important;
    height: 100%;
}

.style02 .side02 .bd .item .img {
    width: 100%;
    height: 267px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.style02 .side02 .bd .item .img>.name {
    display: none;
}

.style02 .side02 .bd .item .img:before {
    content: '';
    width: 48px;
    height: 48px;
    background: url(../images/ico60.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px;
    z-index: 2;
}

.style02 .side02 .bd .item .name {
    width: 100%;
    height: 62px;
    line-height: 62px;
    background-color: #edf2fa;
    padding: 0 24px;
}

.style02 .side02 .bd .item .name h3 {
    color: #5c5c5c;
    font-size: 16px;
}

.style02 .side .btn,
.style02 .side02 .btn {
    width: 42px;
    height: 60px;
    background-color: rgba(0, 0, 0, .3);
    background-repeat: no-repeat;
    background-image: url(../images/ico18.png);
    position: absolute;
    top: 90px;
    z-index: 9;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.style02 .side .btn:hover,
.style02 .side02 .btn:hover {
    background-color: rgba(0, 0, 0, .8);
}

.style02 .side .btn.prev,
.style02 .side02 .btn.prev {
    left: 0;
    background-position: 0 0;
}

.style02 .side .btn.next,
.style02 .side02 .btn.next {
    right: 0;
    background-position: -68px -78px;
}

.style02 .side .btn.prev:hover,
.style02 .side02 .btn.prev:hover {
    left: 0;
    background-position: -68px 0;
}

.style02 .side .btn.next:hover,
.style02 .side02 .btn.next:hover {
    right: 0;
    background-position: 0 -78px;
}

.style02 .con03 {
    padding-bottom: 72px;
}

.style02 .con03 .list {
    overflow: hidden;
    position: relative;
    margin-top: 30px;
}

.style02 .con03 .list:before {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 0;
}

.style02 .con03 .list p {
    width: 50%;
    float: left;
    height: 72px;
    line-height: 72px;
    overflow: hidden;
    padding: 0 27px;
    margin-bottom: 2px;
    background-color: #edf2fa;
    color: #808080;
}

.style02 .con03 .list p b {
    font-size: 16px;
    color: #4c4c4c;
}

.style02 .con04 {
    background-color: #e8eaf0;
    padding-bottom: 155px;
    margin-bottom: -50px;
    position: relative;
}

.style02 .con04:before {
    content: '';
    width: 100%;
    height: 168px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.style02 .con04 .content {
    position: relative;
}

.style02 .con04 .detailed {
    overflow: hidden;
    margin-top: 30px;
    background-color: #0e69ba;
}

.style02 .con04 .img {
    float: left;
    width: 720px;
    height: 426px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.style02 .con04 .fr {
    width: 480px;
    padding: 60px 60px 0;
}

.style02 .con04 .fr h3 {
    font-size: 24px;
    color: #fff;
    line-height: 30px;
}

.style02 .con04 .fr p {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}

.style02 .con04 .fr p em {
    font-family: 'en';
}

.style02 .con04 .fr p.num {
    font-size: 30px;
    line-height: 33px;
}

.style02 .con04 .fr p small {
    font-size: 14px;
}

.style02 .con04 .fr .list {
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, .3);
    border-left: none;
    border-bottom: none;
    padding-top: 20px;
    margin-top: 28px;
}

.style02 .con04 .fr .li {
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 18px;
}

/* 模板4*/
.style04 .con01 {}

.style04 .side_ban {
    width: 100%;
    height: 514px;
    position: relative;
}

.style04 .side_ban .bd {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.style04 .side_ban .bd ul {
    width: 100% !important;
    height: 100% !important;
}

.style04 .side_ban .bd li {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.style04 .side_ban .bd li .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.style04 .side_ban .hd {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    z-index: 99;
    text-align: center;
}

.style04 .side_ban .hd ul li.on {
    opacity: 1;
}

.style04 .side_ban .hd ul li {
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 5px;
    opacity: .3;
    transition: all .4s;
    cursor: pointer;
}

.style04 .con02 .content {
    position: relative;
    padding: 56px 0 80px;
    overflow: hidden;
    z-index: 2;
}

.style04 .title .cn {
    font-size: 36px;
    color: #4997e8;
    line-height: 1;
    font-weight: lighter;
    margin-top: 12px;
}

.style04 .title .en {
    font-family: 'en';
    font-size: 36px;
    color: #e9a586;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -1px;
}

.style04 .con03 .title .cn {
    font-size: 36px;
    color: #4997e8;
    margin-top: 13px;
}

.style04 .con02 {
    position: relative;
}

.style04 .con02 .more {
    font-size: 16px;
    color: #808080;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 142px;
    padding-right: 14px;
}

.style04 .con02 .more:before {
    content: '';
    width: 8px;
    height: 12px;
    background: url(../images/ico7.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}

.style04 .side {
    margin-top: 36px;
}

.style04 .side .bd {
    width: 1260px;
}

.style04 .side .tempWrap {
    width: 1200px !important;
}

.style04 .side .item {
    float: left;
    width: 360px;
    height: 303px;
    margin-right: 60px;
}

.style04 .side .item .img {
    width: 100%;
    height: 202px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.style04 .side .item .text {
    height: 93px;
    line-height: 93px;
    background-color: #edf2fa;
    padding: 0 24px;
    margin-top: 8px;
}

.style04 .side .item .name {
    display: inline-block;
    vertical-align: middle;
}

.style04 .side .item .name h3 {
    font-size: 16px;
    color: #4a4a4a;
    line-height: 30px;
}

.style04 .side .hd {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
    z-index: 99;
    text-align: center;
}

.style04 .side .hd ul li.on {
    width: 44px;
    background-color: #005fdf;
}

.style04 .side .hd ul li {
    display: inline-block;
    width: 12px;
    height: 4px;
    overflow: hidden;
    background-color: #e0e1e3;
    margin: 0 3px;
    transition: all .4s;
    -webkit-transition: all .4s;
    cursor: pointer;
}

.style04 .con04 {
    padding-bottom: 88px;
}

.style04 .side02 {
    position: relative;
    z-index: 2;
    margin-top: 30px;
}

.style04 .side02 .bd {
    width: 1242px;
    overflow: hidden;
}

.style04 .side02 .tempWrap {
    width: 1200px !important;
}

.style04 .side02 .item {
    float: left;
    width: 372px;
    height: 210px;
    margin-right: 42px;
}

.style04 .side02 .item .img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.style04 .side02 .item .img:before {
    content: '';
    width: 48px;
    height: 48px;
    background: url(../images/ico60.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px;
    z-index: 2;
}

.style04 .side02 .item .name {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    padding: 0 20px;
}

.style04 .side02 .item .name h3 {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.style04 .side02 .btn {
    display: none;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background-color: #ffffff;
    border-radius: 50%;
    background-image: url(../images/btn.png);
    background-repeat: no-repeat;
    border: 4px solid #bfcedc;
    z-index: 9;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.style04 .side02 .next {
    right: -105px;
    background-position: -72px -68px;
}

.style04 .side02 .prev {
    left: -105px;
    background-position: -2px -2px;
}

.style04 .side02 .btn:hover {
    border: 4px solid #ffb675;
}

.style04 .side02 .prev:hover {
    background-position: -72px -2px;
}

.style04 .side02 .next:hover {
    background-position: -1px -67px;
}

.style04 .con03 {
    background: url(../images/ico27.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.style04 .con03 .fl {
    width: 464px;
}

.style04 .con03 .text {
    padding-top: 90px;
}

.style04 .con03 .text h3 {
    font-size: 20px;
    color: #2f2f2f;
    line-height: 30px;
}

.style04 .con03 .text p {
    margin-top: 14px;
}

.style04 .con03 .text ul {
    overflow: hidden;
}

.style04 .con03 .text li {
    font-size: 13px;
    color: #005fdf;
    line-height: 26px;
    text-align: center;
    padding: 0 12px;
    margin-right: 10px;
    margin-top: 6px;
    float: left;
    border: 1px solid #005fdf;
}

.style04 .con03 .title {
    padding: 104px 0 20px;
}

.style04 .con03 .fr {
    width: 688px;
}

.style04 .con03 .list {
    width: 100%;
    float: right;
    position: relative;
    padding: 36px 25px 90px 47px;
}

.style04 .con03 .list:before {
    content: '';
    width: 1047px;
    height: 100%;
    background-color: #0e69ba;
    position: absolute;
    right: -360px;
    top: 0;
}

.style04 .con03 .list>div {
    position: relative;
}

.style04 .con03 .list .fl {
    width: 50%;
}

.style04 .con03 .list .fr {
    width: auto;
}

.style04 .con03 .list .p {
    clear: both;
    width: 100%;
    display: inline-block;
}

.style04 .con03 .list p {
    color: #85c6ff;
    line-height: 30px;
    margin-top: 10px;
}

.style04 .con03 .list p b {
    font-size: 16px;
    color: #fff;
}

/* 供需信息*/
.online_exhibition2_d .main-wrap03 {
    background-color: #edf2fa;
    padding-top: 70px;
}

.online_exhibition2_d .main-wrap03 .content {
    position: relative;
}

.online_exhibition2_d .main-wrap03 .bg {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    padding: 0 30px 100px;
    margin: 0 -30px -56px;
    position: relative;
}

.online_exhibition2_d .main-wrap03 .bg:before {
    content: '';
    width: 100%;
    height: 114px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.online_exhibition2_d .main-wrap03 .up {
    height: 114px;
    padding: 28px 30px;
    margin: 0 -30px 30px;
    position: relative;
}

.online_exhibition2_d .main-wrap03 .personal_filter a {
    float: left;
    width: 120px;
    line-height: 56px;
    text-align: center;
    margin-right: 12px;
    color: #fff;
}

.online_exhibition2_d .main-wrap03 .personal_filter a.green {
    background-color: #0aaf86;
}

.online_exhibition2_d .main-wrap03 .personal_filter a.red {
    background-color: #f65f5f;
}

.online_exhibition2_d .main-wrap03 .personal_filter a.green.on {
    box-shadow: 0px 7px 24px rgba(23, 237, 118, .5);
}

.online_exhibition2_d .main-wrap03 .personal_filter a.red.on {
    box-shadow: 0px 7px 24px rgba(237, 23, 23, .5);
}

.online_exhibition2_d .main-wrap03 .list {
    margin-right: -20px;
    overflow: hidden;
}

.online_exhibition2_d .main-wrap03 .list .li {
    float: left;
    width: 386px;
    height: 440px;
    margin-right: 20px;
    background-color: #fff;
    overflow: hidden;
}

.online_exhibition2_d .main-wrap03 .list .li {
    height: 210px;
    margin-bottom: 20px;
}

.online_exhibition2_d .main-wrap03 .list .li .img {
    width: 100%;
    height: 230px;
}

.online_exhibition2_d .main-wrap03 .list .li .detailed {
    padding: 20px 28px;
    overflow: hidden;
}

.online_exhibition2_d .main-wrap03 .list .li .date {
    font-family: 'en';
    color: #000;
    color: rgba(0, 0, 0, .4);
}

.online_exhibition2_d .main-wrap03 .list .li .title {
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    padding-left: 34px;
    min-height: 48px;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.online_exhibition2_d .main-wrap03 .list .li:hover .title {
    color: #075fd6;
}

.online_exhibition2_d .main-wrap03 .list .li .title em {
    font-size: 14px;
    padding: 0 5px;
    color: #fff;
    position: absolute;
    left: 0;
    top: -2px;
    line-height: 27px;
}

.online_exhibition2_d .main-wrap03 .list .li .title em.green {
    background-color: #0aaf86;
}

.online_exhibition2_d .main-wrap03 .list .li .title em.red {
    background-color: #f65f5f;
}

.online_exhibition2_d .main-wrap03 .list .li .text {
    font-size: 13px;
    color: #4b4b4b;
    color: rgba(75, 75, 75, .8);
    line-height: 22px;
    margin: 10px 0 20px;
    min-height: 44px;
}

.online_exhibition2_d .main-wrap03 .list .li .text02 {
    position: absolute;
    left: 0;
    bottom: 13px;
    width: 85%;
    margin: auto;
    right: 0;
}

.online_exhibition2_d .main-wrap03 .list .li .text02 .fl {
    color: #9295a1;
}

.online_exhibition2_d .main-wrap03 .list .li.end .text02 .fr {
    color: #aaaaaa;
}

.online_exhibition2_d .main-wrap03 .list .li.start .text02 .fr {
    color: #0aaf86;
}

/* 7/29*/
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

.auto {
    width: 1200px;
    position: relative;
    margin: auto;
}

.online_exhibition2 {
    margin-top: 126px;
}

.oux-banner {
    height: 577px;
    background: url("../images/oux-banner.jpg") no-repeat center top;
    font-size: 0;
}

.oux-banner .auto {
    height: 100%;
    padding-top: 60px;
}

.oux-banner .tit {
    margin-bottom: 40px;
    text-align: center;
}

.oux-banner .tit h2 {
    color: #0c57e3;
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 1;
}

.oux-banner .tit h3 {
    color: rgba(28, 102, 168, .3);
    opacity: .3;
    font-size: 34px;
    font-family: en;
    text-transform: uppercase;
}

.oux-banner .card {
    text-align: center;
    margin-bottom: 50px;
}

.oux-banner .card .li {
    display: inline-block;
    width: 236px;
    height: 236px;
    margin: 0 35px;
    position: relative;
    text-align: center;
    padding-top: 80px;
}

.oux-banner .card .li var {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../images/oux-banner-ca1.png") no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 0;
    animation: gun-uhx 3s forwards linear infinite;
}

@keyframes gun-uhx {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.oux-banner {
    position: relative;
}

.oux-banner .bg {
    /*height: 100%;*/
    width: 729px;
    height: 371px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 205px;
    margin: auto;
    /*transform: translateY(-20px);*/
    opacity: 0;
    /*animation: oux-map 20s ease-in-out infinite ;*/
    animation: oux-map 1s ease-in-out forwards;
    -webkit-animation: oux-map 1s ease-in-out forwards;
}

@keyframes oux-map {
    0% {
        opacity: 0;
        transform: translateY(20px) scale(.9);
    }

    100% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }

    /*100%{*/
    /*transform: translateY(40px) scale(.9);*/
    /*}*/
}

.oux-banner .card .li>* {
    position: relative;
    z-index: 20;
}

.oux-banner .card .li h4 {
    color: #0b0b0b;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 12px;
}

.oux-banner .card .li em {
    display: block;
    color: #0c57e3;
    font-size: 34px;
    font-family: en;
    line-height: 24px;
    font-weight: bold;
}

.oux-banner .card .li em i {
    display: inline-block;
    text-align: right
}

.exhibition .searchBoxWrap {
    height: 60px;
}

.exhibition .searchBox {
    float: left;
    width: 593px;
    height: 60px;
    background-color: #FFF;
    border: 1px solid #cccccc;
    margin: auto;
    position: relative;
}

.exhibition .searchBox .mySelect {
    float: left;
    width: 100px;
    height: 60px;
    margin: -1px 0 0 -1px;
}

.exhibition .searchBox .drapList {
    top: 60px;
    margin: 0;
}

.exhibition .searchBox .mySelect .show:after {
    height: 60px;
    right: auto;
    margin-left: 5px;
    background: url("../images/searchbox-ic1.png") no-repeat center;
}

.exhibition .searchBox .mySelect li {
    font-size: 14px;
    margin: 0;
    float: none;
    text-align: center;
}

.exhibition .searchBox input {
    float: left;
    width: 428px;
    padding-left: 20px;
    height: 60px;
    margin-top: -1px;
}

.exhibition .searchBox .mySelect .show {
    width: auto;
    height: 60px;
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    line-height: 60px;
    background-color: #0061ae;
    overflow: hidden;
}

.exhibition .searchBox .button {
    width: 72px;
    height: 60px;
    background: url("../images/_search.png") no-repeat center;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -1px;
}

.link_btn {
    float: right;
    width: 285px;
    line-height: 60px;
    background-color: #0aaf86;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.link_btn span {
    background: url(../images/link_icon.png) no-repeat left center;
    padding-left: 24px;
    display: inline-block;
}

.online_exhibition2 .cCont1 {
    height: 639px;
    padding-top: 60px;
    background: url("../images/online_exhibition2-cont1-bg.jpg") no-repeat center top/cover;
}

.online_exhibition2 .cCont1 h3 {
    color: #ffffff;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 40px;
}

.online_exhibition2 .cCont1 .slideBox {
    position: relative;
    height: 336px;
}

.online_exhibition2 .cCont1 .slideBox .btn {
    /* display: none;*/
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background-color: #ffffff;
    border-radius: 50%;
    background-image: url(../images/btn.png);
    background-repeat: no-repeat;
    border: 4px solid #bfcedc;
    z-index: 9;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.online_exhibition2 .cCont1 .slideBox .next {
    right: -105px;
    background-position: -72px -68px;
}

.online_exhibition2 .cCont1 .slideBox .prev {
    left: -105px;
    background-position: -2px -2px;
}

.online_exhibition2 .cCont1 .slideBox .btn:hover {
    border: 4px solid #ffb675;
}

.online_exhibition2 .cCont1 .slideBox .prev:hover {
    background-position: -72px -2px;
}

.online_exhibition2 .cCont1 .slideBox .next:hover {
    background-position: -1px -67px;
}

.online_exhibition2 .cCont1 .bd ul {
    min-width: 1300px;
}

.online_exhibition2 .cCont1 .bd li {
    float: left;
    width: 235px;
    height: 336px;
    margin-right: 6px;
    background-color: #FFF;
    margin-bottom: 6px;
}

.online_exhibition2 .cCont1 .bd li .img {
    border: 2px solid #FFF;
    width: 100%;
    height: 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.online_exhibition2 .cCont1 .cont {
    height: 117px;
    padding: 27px 12px;
}

.online_exhibition2 .cCont1 .bd h4 {
    color: #0e69ba;
    font-size: 16px;
    line-height: 24px;
    max-width: 95%;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
}

.online_exhibition2 .cCont1 .bd p {
    color: #666666;
}

.online_exhibition2 .cCont1 .spage-skip input {
    color: #FFF;
}

.online_exhibition2 .cCont1 .pagination .spage-skip {
    color: #FFF;
}

.online_exhibition2 .cCont1 .pagination a,
.online_exhibition2 .cCont1 .pagination button {
    color: #fff;
    border: 1px solid #fff;
    border: 1px solid rgba(225, 225, 225, .2);
}

.online_exhibition2 .cCont2 {
    background-color: #FFFF;
    margin-bottom: -30px;
}

.online_exhibition2 .cCont2 .more {
    color: #0e69ba;
    background: url(../images/ico70_on.png) no-repeat right center;
    top: 55px;
}

.online_exhibition2 .cCont2 .auto {
    padding: 60px 0 80px;
}

.online_exhibition2 .cCont2 h3 {
    color: #0e69ba;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 40px;
}

.online_exhibition2 .cCont2 .rix {
    width: 198px;
    height: 55px;
    border: 1px solid #dfdfdf;
    position: absolute;
    right: 100px;
    top: 40px;
}

.mySelect .show:after {
    height: 52px;
}

.online_exhibition2 .cCont2 .show {
    height: 52px;
    line-height: 52px;
}

.online_exhibition2 .cCont2 .card {
    overflow: hidden;
    width: 1300px;
}

.online_exhibition2 .cCont2 .card .li {
    float: left;
    width: 273px;
    height: 320px;
    padding: 20px;
    background-color: #e4eef6;
    margin-right: 35px;
    margin-bottom: 40px;
    transition: all .3s;
}

.online_exhibition2 .cCont2 .card .li:hover p {
    color: #608197;
}

.online_exhibition2 .cCont2 .card .li:hover {
    background-color: #daeffd;
}

.online_exhibition2 .cCont2 .card .li .img {
    height: 140px;
    background-color: #ffffff !important;
    border: 2px solid #dae4e7;
    margin-bottom: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.online_exhibition2 .cCont2 .card h4 {
    color: #0e69ba;
    font-size: 16px;
    margin-bottom: 8px;
}

.online_exhibition2 .cCont2 .card p {
    color: #7b8b98;
    margin-top: 10px;
    transition: all .3s;
}

.online_exhibition2 .cCont2 .mySelect .drapList {
    top: 53px;
}

.search_fixed .searchBoxWrap {
    height: 130px;
    background: #FFF url(../images/oux-banner.jpg) no-repeat center bottom;
    margin: 0;
    padding-top: 34px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    z-index: 990;
    transition: top .3s, padding .3s;
}

.search_fixed.fixed_top .searchBoxWrap {
    height: 100px;
    padding-top: 18px;
    top: 0;
}

.search_fixed.fixed_top #header {
    transform: translateY(-100px);
    transition: transform .3s;
}

.online_exhibition2_d .main-wrap02 {
    background-color: #edf2fa;
    padding: 70px 0 140px;
    margin-bottom: -40px;
}

.online_exhibition2_d .main-wrap02 .Cont {
    background-color: #fff;
    padding: 0 40px 60px;
}

.online_exhibition2_d .main-wrap02 .tu_h3 {
    height: 73px;
    margin-bottom: 30px;
    padding-top: 25px;
    color: #4a4a4a;
    font-size: 20px;
    background: url(../images/ico25.jpg) no-repeat center bottom;
}

.online_exhibition2_d .main-wrap02 .card {
    width: 1200px;
    overflow: hidden;
}

.online_exhibition2_d .main-wrap02 .card .li {
    float: left;
    width: 260px;
    height: 367px;
    margin-bottom: 10px;
    margin-right: 27px;
}

.online_exhibition2_d .main-wrap02 .card .li .img {
    height: 305px;
    border: 2px solid #dae4e7;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.online_exhibition2_d .main-wrap02 .card .li .img .bg {
    width: 100%;
    height: 100%;
    background-color: #005fdf;
    background-color: rgba(0, 95, 223, .9);
    padding: 75px 23px 30px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.online_exhibition2_d .main-wrap02 .card .li .img .card_text h3 {
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
    margin-bottom: 4px;
}

.online_exhibition2_d .main-wrap02 .card .li .img .card_text p {
    font-size: 14px;
    color: #ffffff;
    line-height: 22px;
    text-align: left;
    width: 100%;
    height: auto;
    padding: 0;
}

.online_exhibition2_d .main-wrap02 .card .li .img .btn_ico {
    width: 37px;
    height: 16px;
    background: url(../images/ico24.png) no-repeat center;
    position: absolute;
    left: 23px;
    bottom: 30px;
}

.online_exhibition2_d .main-wrap02 .card .li .cont {
    height: 54px;
    overflow: hidden;
}

.online_exhibition2_d .main-wrap02 .card .li p {
    display: table-cell;
    width: 260px;
    height: 54px;
    padding: 0 20px;
    vertical-align: middle;
    text-align: center;
    line-height: 1.2;
    color: #4a4a4a;
    font-size: 16px;
}

.online_exhibition2_d .main-wrap02 .card .li:hover .bg {
    opacity: 1;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

.online_exhibition2_d .main-wrap02 .card .li:hover .card_text {
    animation: fadeInUp02 .4s 1 linear forwards;
    -webkit-animation: fadeInUp02 .4s 1 linear forwards;
}

.online_exhibition2_d .main-wrap02 .card .li:hover .btn_ico {
    animation: fadeInLeft02 .4s 1 linear forwards;
    -webkit-animation: fadeInLeft02 .4s 1 linear forwards;
}

.online_exhibition2_d .main-wrap02 .card .li:hover .cont p {
    color: #005fdf;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

.online_exhibition2_d .main-wrap02 .pagination {
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.online_exhibition2_d-data1 .return {
    height: 42px;
    line-height: 42px;
    padding: 0 22px;
    border: 1px solid #fff;
    border: 1px solid rgba(225, 225, 225, .4);
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    position: absolute;
    right: 0;
    top: -67px;
    display: inline-block;
}

.online_exhibition2_d-data1 .return .btn_ico {
    width: 24px;
    height: 16px;
    background: url(../images/ico3.png) no-repeat center;
    display: inline-block;
    margin-left: 10px;
}

.online_exhibition2_d-data1 .return:hover .btn_ico {
    animation: hoverBtn ease-out .3s reverse;
}

.online_exhibition2_d-data1 .return:hover {
    color: #005fdf;
    background-color: #fff;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

.online_exhibition2_d-data1 .title .cn {
    font-size: 24px;
}

.online_exhibition2_d-data1 .cCont3 .list {
    overflow: hidden;
    position: relative;
    margin: 16px 0 0;
}

.online_exhibition2_d-data1 .cCont3 .list p {
    width: 33.33333%;
    float: left;
    height: 62px;
    line-height: 62px;
    overflow: hidden;
    border-bottom: 1px solid rgba(211, 216, 221, .8);
    color: #5e5f63;
}

/* .online_exhibition2_d-data1 .cCont1{padding-top: 128px;height: 360px;margin-bottom: 96px;background: url("../images/online_exhibition2_d-data1-cont1-bg.jpg") no-repeat center top;margin-top: 60px;}*/
.online_exhibition2_d-data1 .cCont1 .Cont {
    min-height: 360px;
    background-color: #f3f5fb;
    overflow: hidden;
}

.online_exhibition2_d-data1 .cCont1 .L {
    float: left;
    width: 550px;
    height: 360px;
    overflow: hidden;
    position: relative;
}

.online_exhibition2_d-data1 .cCont1 .L .bd ul {
    margin: auto;
}

.online_exhibition2_d-data1 .cCont1 .L .bd li {
    width: 550px;
    height: 360px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative;
}

.online_exhibition2_d-data1 .cCont1 .L .bd li.video:before {
    content: '';
    width: 60px;
    height: 60px;
    background: url(../images/ico14.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -30px;
    z-index: 2;
}

.online_exhibition2_d-data1 .cCont1 .L .bd li.video:hover:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -80px;
    margin-top: -80px;
    padding: 40px;
    text-align: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -o-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -ms-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: linear-gradient(90deg, rgba(226, 242, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    -webkit-animation: play_rotate 3s infinite;
    animation: play_rotate 3s infinite;
    z-index: 1;
}

.online_exhibition2_d-data1 .slideBox .hd {
    height: 0;
    margin: auto;
    position: absolute;
    right: 30px;
    bottom: 28px;
}

.online_exhibition2_d-data1 .slideBox .hd ul {
    margin: 0;
}

.online_exhibition2_d-data1 .slideBox .hd ul li.on {
    width: 40px;
    background-color: #0061ae;
    border-radius: 5px;
}

.online_exhibition2_d-data1 .slideBox .hd ul li {
    float: left;
    width: 8px;
    height: 8px;
    overflow: hidden;
    background-color: transparent;
    border: 2px solid #0061ae;
    border-radius: 50%;
    margin: 0;
    margin-left: 6px;
    cursor: pointer;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

.online_exhibition2_d-data1 .cCont1 .R {
    float: right;
    width: 350px;
    position: relative;
    padding: 30px 35px 20px 28px;
}

.online_exhibition2_d-data1 .cCont1 .R .link_exhibition {
    width: 126px ​ !importan;
}

.online_exhibition2_d-data1 .cCont1 .R h4 {
    color: #0061ae;
    font-size: 18px;
    line-height: 24px;
}

.online_exhibition2_d-data1 .cCont1 .R p {
    color: #666666;
}

.online_exhibition2_d-data1 .cCont1 .R li {
    float: none;
    margin: 0;
}

.online_exhibition2_d-data1 .cCont1 .R .txt {
    height: 120px;
    overflow: auto;
    padding-right: 8px;
    margin-right: -20px;
}

.online_exhibition2_d-data1 .cCont1 .R h3 {
    color: #333333;
    font-size: 16px;
    margin-bottom: 0;
}

.online_exhibition2_d-data1 .cCont1 .R ul {
    color: #787e89;
    font-size: 16px;
    margin: 8px 0;
}

.online_exhibition2_d-data1 .cCont1 .R ul em {
    color: #ff4e4e;
}

.online_exhibition2_d-data1 .cCont2 .send_weibo {
    margin: 60px 0 40px;
}

.online_exhibition2_d-data1 .cCont2 .comment_inputor {
    border: 1px solid #dfdfdf;
    height: 130px;
    background-color: #f3f3f3;
    width: 100%;
    padding: 20px 20px 32px;
    color: #767676;
}

.online_exhibition2_d-data1 .cCont2 .submit {
    line-height: 50px;
    padding: 0 56px;
    background-color: #0061ae;
    font-size: 14px;
    color: #fff;
}

.online_exhibition2_d-data1 .cCont2 .weiba-com {
    border-top: 1px solid rgba(223, 223, 223, .4);
    margin-bottom: 40px;
}

.online_exhibition2_d-data1 .cCont2 .weiba-com .li {
    padding: 15px 0;
    border-bottom: 1px solid rgba(223, 223, 223, .4);
}

.online_exhibition2_d-data1 .cCont2 .weiba-com .li .weiba-up {
    overflow: hidden;
    line-height: 30px;
    margin-bottom: 22px;
}

.online_exhibition2_d-data1 .cCont2 .weiba-com .li .name {
    float: left;
    color: #5e5f63;
    display: block;
    width: 90%;
}

.online_exhibition2_d-data1 .cCont2 .weiba-com .li em {
    color: #b1b1b1;
    margin-left: 30px;
}

.online_exhibition2_d-data1 .cCont2 .weiba-com .li .date {
    color: #b1b1b1;
    font-family: 'en';
    float: right;
}

.online_exhibition2_d-data1 .cCont2 .weiba-com .li .weiba-down,
.online_exhibition2_d-data1 .cCont2 .weiba-com .li .weiba-down p {
    color: #0061ae;
}

.online_exhibition2_d-data1 .cCont2 .pagination {
    text-align: right;
}

.online_exhibition2_d-data1 .cCont2 .pagination button:first-child,
.online_exhibition2_d-data1 .cCont2 .pagination button:last-child,
.online_exhibition2_d-data1 .cCont2 .pagination .spage-skip {
    display: none;
}

.online_exhibition2_d .main-wrap01 .cCont1 {
    height: 670px;
    background-color: #ebebeb;
}

.online_exhibition2_d .main-wrap01 .cCont1 .auto {
    padding-top: 65px;
}

.online_exhibition2_d .main-wrap01 .cCont1 .L {
    width: 910px;
    height: 422px;
    background: url(../images/online_exhibition2_d-main-wrap01-le.jpg) no-repeat 0 0;
    margin-top: 90px;
    padding: 42px 40px 0;
    background-size: cover;
}

.online_exhibition2_d .main-wrap01 .cCont1 .img {
    float: right;
    width: 670px;
    height: 400px;
    position: relative;
    z-index: 30;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover !important;
}

.online_exhibition2_d .main-wrap01 .cCont1 .img.video:before {
    content: '';
    width: 48px;
    height: 48px;
    background: url(../images/ico60.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px;
    z-index: 2;
}

.online_exhibition2_d .main-wrap01 .cCont1 .img.video:hover:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -80px;
    margin-top: -80px;
    padding: 40px;
    text-align: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -o-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -ms-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: linear-gradient(90deg, rgba(226, 242, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    -webkit-animation: play_rotate 3s infinite;
    animation: play_rotate 3s infinite;
    z-index: 1;
}

.online_exhibition2_d .main-wrap01 .cCont1 .L .Cont {
    width: 480px;
    padding-right: 45px;
}

.online_exhibition2_d .main-wrap01 .cCont1 .L h3 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 15px;
}

.online_exhibition2_d .main-wrap01 .cCont1 .L .txt::-webkit-scrollbar {
    width: 3px;
    background-color: rgba(255, 255, 255, 0.48);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.online_exhibition2_d .main-wrap01 .cCont1 .L .txt::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.style03 .cCont1 .Cont ul {
    overflow: hidden;
    margin-right: -10px;
}

.style03 .cCont1 .Cont li {
    font-size: 14px;
    color: #fff;
    line-height: 33px;
    text-align: center;
    padding: 0 12px;
    margin-right: 10px;
    margin-top: 6px;
    float: left;
    border: 1px solid rgba(225, 225, 225, .6);
}

.style03 .link_exhibition {
    color: #fff;
    border: 1px solid rgba(225, 225, 225, .6);
}

.style03 .link_exhibition:before {
    background: url(../images/ico28_b.png) no-repeat center;
}

.online_exhibition2_d .main-wrap01 .cCont1 .L p {
    color: #ccd7f5;
    opacity: .6;
    margin-top: 14px;
}

.online_exhibition2_d .main-wrap01 .cCont2 {
    height: 654px;
    background-color: #FFF;
    padding-top: 60px;
}

.online_exhibition2_d .main-wrap01 .cCont2 .tit {
    text-align: center;
    margin-bottom: 35px;
}

.online_exhibition2_d .main-wrap01 .cCont2 .tit h3:after {
    content: "";
    width: 40px;
    border-top: 4px solid #183787;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    margin: auto;
}

.online_exhibition2_d .main-wrap01 .cCont2 .tit h3 {
    color: #353535;
    font-size: 24px;
    margin-bottom: 36px;
    position: relative;
}

.online_exhibition2_d .main-wrap01 .cCont2 .tit p {
    color: #5f5e5e;
    opacity: .7;
    text-align: center;
}

.style03 .cCont2 .more {
    font-size: 16px;
    color: #808080;
    line-height: 30px;
    position: absolute;
    right: 0;
    bottom: -20px;
    padding-right: 14px;
}

.style03 .cCont2 .more:before {
    content: '';
    width: 8px;
    height: 12px;
    background: url(../images/ico7.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}

.online_exhibition2_d .main-wrap01 .cCont2 .card {
    width: 1250px;
}

.online_exhibition2_d .main-wrap01 .cCont2 .card .li {
    float: left;
    width: 260px;
    height: 410px;
    text-align: center;
    margin-right: 52px;
}

.online_exhibition2_d .main-wrap01 .cCont2 .card .li .img {
    border: 1px solid #e4eaed;
    width: 100%;
    height: 308px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.online_exhibition2_d .main-wrap01 .cCont2 .card .cont {
    padding-top: 20px;
}

.online_exhibition2_d .main-wrap01 .cCont2 .card h4 {
    color: #115fd4;
    font-size: 16px;
    margin-bottom: 10px;
}

.online_exhibition2_d .main-wrap01 .cCont2 .card p {
    color: #4a4a4a;
    font-size: 16px;
    text-align: center;
}

.online_exhibition2_d .main-wrap01 .cCont3 {
    height: 670px;
    background-color: #ebebeb;
    padding-top: 60px;
}

.online_exhibition2_d .main-wrap01 .cCont3 .tit h3 {
    color: #2f2f2f;
    font-size: 20px;
    text-align: center;
    position: relative;
    margin-bottom: 85px;
}

.online_exhibition2_d .main-wrap01 .cCont3 .tit h3:after {
    content: "";
    width: 40px;
    border-top: 4px solid #183787;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    margin: auto;
}

.online_exhibition2_d .main-wrap01 .cCont3 .slideBox {
    height: 355px;
}

.online_exhibition2_d .main-wrap01 .cCont3 .bd ul {
    min-width: 1300px;
}

.online_exhibition2_d .main-wrap01 .cCont3 .bd li {
    float: left;
    width: 560px;
    height: 355px;
    margin-right: 78px;
    background-color: #FFF;
}

.online_exhibition2_d .main-wrap01 .cCont3 .bd li .img {
    height: 267px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.online_exhibition2_d .main-wrap01 .cCont3 .bd li .img:before {
    content: '';
    width: 48px;
    height: 48px;
    background: url(../images/ico60.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px;
    z-index: 2;
}

.online_exhibition2_d .main-wrap01 .cCont3 .bd .cont p {
    display: table-cell;
    width: 560px;
    height: 90px;
    vertical-align: middle;
    padding: 0 25px;
    font-size: 16px;
    color: #5c5c5c;
}

.online_exhibition2_d .main-wrap01 .cCont3 .slideBox {
    position: relative;
}

.online_exhibition2_d .main-wrap01 .cCont3 .slideBox .btn {
    /* display: none;*/
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background-color: #ffffff;
    border-radius: 50%;
    background-image: url(../images/btn.png);
    background-repeat: no-repeat;
    border: 4px solid #bfcedc;
    z-index: 9;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.online_exhibition2_d .main-wrap01 .cCont3 .slideBox .next {
    right: -105px;
    background-position: -72px -68px;
}

.online_exhibition2_d .main-wrap01 .cCont3 .slideBox .prev {
    left: -105px;
    background-position: -2px -2px;
}

.online_exhibition2_d .main-wrap01 .cCont3 .slideBox .btn:hover {
    border: 4px solid #ffb675;
}

.online_exhibition2_d .main-wrap01 .cCont3 .slideBox .prev:hover {
    background-position: -72px -2px;
}

.online_exhibition2_d .main-wrap01 .cCont3 .slideBox .next:hover {
    background-position: -1px -67px;
}

.online_exhibition2_d .main-wrap01 .cCont4 {
    height: 672px;
    background: url("../images/online_exhibition2_d-main-wrap01-cont4-bg.jpg") no-repeat center top;
    margin-bottom: -50px;
    padding-top: 60px;
}

.online_exhibition2_d .main-wrap01 .cCont4 h3 {
    color: #353535;
    font-size: 24px;
    margin-bottom: 130px;
    position: relative;
    text-align: center;
}

.online_exhibition2_d .main-wrap01 .cCont4 h3:after {
    content: "";
    width: 40px;
    border-top: 4px solid #183787;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    margin: auto;
}

.online_exhibition2_d .main-wrap01 .cCont4 .Cont ul:first-child {
    margin-left: 0;
}

.online_exhibition2_d .main-wrap01 .cCont4 .Cont ul {
    display: inline-block;
    margin-left: 90px;
    vertical-align: top;
}

.online_exhibition2_d .main-wrap01 .cCont4 .Cont ul li {
    font-size: 14px;
    color: #808080;
    margin-bottom: 18px;
}

.online_exhibition2_d .main-wrap01 .cCont4 .Cont ul li em {
    color: #8b4e37;
    font-size: 16px;
}

/* 展区设置*/
.about3 .detailed .img {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}

.about3 .detailed h5 {
    color: #707070;
    line-height: 34px;
    padding: 0 36px;
}

.about3 .detailed .item .name {
    line-height: 70px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #075fd6;
    border-bottom: 1px solid #fff;
}

.about3 .detailed .item .list {
    overflow: hidden;
    padding: 0 10px 0 34px;
    border-bottom: 1px solid #fff;
}

.about3 .detailed .item .list .li {
    width: 25%;
    float: left;
    line-height: 50px;
    height: 55px;
    padding: 10px 3px 0;
}

.about3 .detailed .item .list .li .texts {
    display: inline-block;
    vertical-align: top;
}

.about3 .detailed .item .list .li h3 {
    font-size: 14px;
    color: #3f484c;
    line-height: 18px;
    padding: 0;
}

.about3_side {
    position: relative;
    background-color: #f0f9fe;
    padding-bottom: 56px;
}

.about3_side .btn {
    /* display: none;*/
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: 11px;
    background-color: #ffffff;
    border-radius: 50%;
    background-image: url(../images/btn3.png);
    background-repeat: no-repeat;
    border: 3px solid #bfcedc;
    z-index: 9;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.about3_side .next {
    right: 20px;
    background-position: -49px -35px;
}

.about3_side .prev {
    left: 20px;
    background-position: -3px -4px;
}

.about3_side .btn:hover {
    border: 3px solid #ffb675;
}

.about3_side .prev:hover {
    background-position: -49px -4px;
}

.about3_side .next:hover {
    background-position: -3px -35px;
}

.about3_side .hd {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 19px;
    text-align: center;
}

.about3_side .hd ul li.on {
    background-color: #3d96bf;
}

.about3_side .hd ul li {
    display: inline-block;
    width: 8px;
    height: 8px;
    overflow: hidden;
    background-color: #a8d6eb;
    border-radius: 50%;
    margin: 0 5px;
    transition: all .4s;
    cursor: pointer;
}

/* 2020/9/4*/
.banner .bd li .ban_t.ban_t4 {
    left: 0;
    top: 20%;
}

.banner .bd li .ban_t.ban_t4 .text1 {
    font-size: 46px;
    color: #ffffff;
    line-height: 85px;
    border: 1px solid #fff;
    border: 1px solid rgba(225, 225, 225, .1);
    position: relative;
    padding: 0 20px;
}

.banner .bd li .ban_t.ban_t4 .text1:before {
    content: '';
    width: 27px;
    height: 27px;
    border: 2px solid #fff;
    border-right: none;
    border-bottom: none;
    position: absolute;
    left: 0;
    top: 0;
}

.banner .bd li .ban_t.ban_t4 .text1:after {
    content: '';
    width: 27px;
    height: 27px;
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    position: absolute;
    right: 0;
    bottom: 0;
}

.banner .bd li .ban_t.ban_t4 .card {
    overflow: hidden;
    margin: 47px 0 42px;
}

.banner .bd li .ban_t.ban_t4 .card .li {
    float: left;
    width: 205px;
    height: 205px;
    position: relative;
    text-align: center;
    padding-top: 72px;
    margin-right: -27px;
}

.banner .bd li .ban_t.ban_t4 .card .li var {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/ico46.png) no-repeat 0 0/cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: gun-uhx 3s linear 1;
    animation: gun-uhx 3s linear 1;
}

.banner .bd li .ban_t.ban_t4 .card .li+.li var {
    background: url(../images/ico47.png) no-repeat 0 0/cover;
}

.banner .bd li .ban_t.ban_t4 .card .li+.li+.li var {
    background: url(../images/ico48.png) no-repeat 0 0/cover;
}

.banner .bd li .ban_t.ban_t4 .card .li>* {
    position: relative;
    z-index: 20;
}

.banner .bd li .ban_t.ban_t4 .card .li h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

.banner .bd li .ban_t.ban_t4 .card .li em {
    display: block;
    color: #65d3ab;
    font-size: 20px;
    font-family: 'en';
    line-height: 34px;
    font-weight: bold;
}

.banner .bd li .ban_t.ban_t4 .card .li em i {
    display: inline-block;
    text-align: right
}

.banner .bd li .ban_t.ban_t4 .text3 {
    overflow: hidden;
}

.banner .bd li .ban_t.ban_t4 .text3 .li {
    line-height: 62px;
    float: left;
    margin-right: 52px;
}

.banner .bd li .ban_t.ban_t4 .text3 .li>img {
    float: left;
    margin-right: 13px;
}

.banner .bd li .ban_t.ban_t4 .text3 .li .text {
    display: inline-block;
    vertical-align: middle;
}

.banner .bd li .ban_t.ban_t4 .text3 .li h3 {
    font-size: 18px;
    color: #bda3ff;
    line-height: 24px;
    margin-bottom: 5px;
}

.banner .bd li .ban_t.ban_t4 .text3 .li p {
    font-family: 'en';
    font-size: 16px;
    color: #ffffff;
    color: rgba(255, 255, 255, .1);
    line-height: 14px;
    text-transform: uppercase;
}

.banner .bd li .bg {
    position: absolute;
    right: -160px;
    bottom: -100px;
    width: 844px;
    height: 100%;
    background-repeat: inherit;
    background-position: center top;
}

.float02.on {
    right: 25px;
}

.float02 {
    position: fixed;
    right: -180px;
    top: 47%;
    width: 74px;
    background-color: #010f22;
    background-color: rgba(1, 15, 34, .3);
    padding: 40px 8px 35px;
    border-radius: 10px;
    text-align: center;
    /*display: none; */
    z-index: 999;
    transition: all 2s;
    -webkit-transition: all 2s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.float02.scor {
    display: block;
}

.float02 .list .li {
    position: relative;
}

.float02 .list .li img {
    width: 50px;
}

.float02 .list .li .pos {
    display: none;
    width: 131px;
    position: absolute;
    right: 100%;
    top: -33px;
    transform: translateX(3px);
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
}

.float02 .list .li .pos img {
    width: 100%;
}

.float02 .list .li+.li {
    margin-top: 23px;
}

.float02 .list .li h3.green {
    color: #62cca5;
}

.float02 .list .li h3.orange {
    color: #e79954;
}

.float02 .list .li h3.blue {
    color: #46c0ff;
}

.float02 .list .li h3 {
    color: #fff;
    margin-top: 5px;
    line-height: 20px;
}

.float02 .list .li:hover .pos {
    display: block;
}

.index .con02 {
    background: url(../images/ico50.jpg) no-repeat center;
}

.index .con02 .content {
    position: relative;
}

.index .con02 .icon01 {
    position: absolute;
    right: -257px;
    top: -111px;
    width: 443px;
    height: 443px;
    background: url(../images/ico51.png) no-repeat center;
    -webkit-animation: circle01 20s linear infinite;
    animation: circle01 20s linear infinite;
}

.index .con02 .icon02 {
    position: absolute;
    left: -285px;
    top: 65px;
    width: 167px;
    height: 167px;
    background: url(../images/ico52.png) no-repeat center;
    -webkit-animation: circle02 20s linear infinite;
    animation: circle02 20s linear infinite;
}

.index .con01 {
    background: url(../images/ico53.jpg) no-repeat center/cover;
}

.index .con01 .title .en {
    font-weight: bold;
    color: #d4eefb;
    background-image: -webkit-linear-gradient(bottom, transparent, #d4eefb);
}

.index .con03 {
    background: url(../images/ico54.jpg) no-repeat center/cover;
    padding: 105px 0 110px;
}

.index .con03 .title .cn {
    position: relative;
    z-index: 2;
}

.index .con03 .title .en {
    font-size: 144px;
    color: #d4eefb;
    margin: 0;
    background-image: -webkit-linear-gradient(bottom, transparent, #d4eefb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    letter-spacing: -6px;
    position: relative;
    margin-top: -110px
}

.index .con03 .side03 {
    margin-top: 0;
}

.index .con04 {
    background: url(../images/ico55.jpg) no-repeat center;
}

.float03 {
    width: 143px;
    height: 67px;
    background: url(../images/ico9.png) no-repeat left center;
    position: fixed;
    right: 0;
    bottom: 520px;
    padding: 15px 0 0 20px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.float03 h3 {
    color: #fff;
    line-height: 36px;
    padding-left: 41px;
    background: url(../images/ico8.png) no-repeat left 3px;
}

/* live*/
#luxy.live {
    background: none;
}

.live .con01 {
    padding: 155px 0 36px;
}

.live .title {
    text-align: center;
}

.live .title .cn {
    font-size: 24px;
    color: #075fd6;
    line-height: 30px;
}

.live .title .en {
    font-family: 'en';
    font-size: 32px;
    color: #dddddd;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: -.5px;
    margin-top: 5px;
}

.live .con02 .title {
    margin-bottom: 37px;
}

.live .con03 .title {
    margin-bottom: 47px;
}

.live .con01 .title .cn {
    color: #fff;
}

.live .con01 .title .en {
    font-size: 56px;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, transparent, rgba(255, 255, 255, .4));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.live .con02 .title .en {
    color: #bbcde8;
}

/* .live .con01 .bd ul{width: 280px;float: right;} */
.live .con01 .bd ul>li {
    width: 100%;
    height: 600px;
    position: relative;
}

.live .con01 .bd {
    margin: 0 -110px;
}

.live .con01 .bd .topBox {
    width: 280px;
    float: right;
    height: 100%;
    position: relative;
}

.live .con01 .bd .topBox .fl {
    width: 1130px;
    height: 100%;
}

.live .con01 .toplist {
    width: 280px;
    height: 88%;
    background-color: #f3f6fb;
    float: right;
    padding: 37px 10px 20px 20px;
    position: relative;
}

.live .con01 .toplist .title {
    font-size: 18px;
    color: #232323;
    line-height: 22px;
    text-align: left;
}

.live .con01 .toplist .title h3 {
    float: left;
}

.live .con01 .toplist .title h3+h3 {
    float: right;
    margin-right: 10px;
}

.live .con01 .toplist .title a {
    display: inline-block;
    font-size: 14px;
}

.live .con01 .toplist .title a.on {
    color: #3083f3;
}

.live .con01 .toplist .con .ul {
    height: 422px;
    overflow: auto;
    padding-right: 10px;
    margin: 27px 0 15px;
}

.live .con01 .toplist .con .li {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 0 32px 0 16px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);
    position: relative;
    cursor: pointer;
}

.live .con01 .toplist .con .li+.li {
    margin-top: 12px;
}

.live .con01 .toplist .con .li:hover,
.live .con01 .toplist .con .li.on {
    background-color: #3083f3;
}

.live .con01 .toplist .con .li:hover h3,
.live .con01 .toplist .con .li.on h3 {
    color: #fff;
}

.live .con01 .toplist .con .li:hover:before,
.live .con01 .toplist .con .li.on:before {
    content: '';
    width: 9px;
    height: 8px;
    background: url(../images/ico8.png) no-repeat center;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -4px;
}

.live .con01 .toplist .con .li .name {
    display: inline-block;
    vertical-align: middle;
}

.live .con01 .toplist .con .li h3 {
    color: #828282;
    line-height: 22px;
}

.live .con01 .toplist .con2 .li {
    height: auto;
    line-height: initial;
    padding: 6px 16px;
}

.live .con01 .toplist .con2 .li .date {
    color: #78a8e8;
    line-height: 22px;
}

.live .con01 .toplist .con2 .li .name {
    width: 100%;
}

.live .con01 .toplist .con2 .li .name p {
    color: #828282;
    line-height: 22px;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.live .con01 .toplist .con2 .li:hover,
.live .con01 .toplist .con2 .li.on {
    background-color: #fff;
}

.live .con01 .toplist .con2 .li:hover:before,
.live .con01 .toplist .con2 .li.on:before {
    display: none;
}

.live .con01 .toplist .con2 .li .name p:hover,
.live .con01 .toplist .con2 .li .name p.on {
    color: #3083f3;
    padding-left: 8px;
}

.live .con01 .toplist .con2 .li .name p:hover:before,
.live .con01 .toplist .con2 .li .name p.on:before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #3083f3;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
}

.live .con01 .toplist .con2 p {
    color: #828282;
    line-height: 22px;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
    padding: 6px 16px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);
}

.live .con01 .toplist .con2 p+p {
    margin-top: 12px;
}

.live .con01 .toplist .con2 p:hover {
    color: #3083f3;
}

.live .con01 .btnBox {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    background-color: #25c8a1;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}

.live .con01 .btnBox .pos {
    display: none;
    width: 100px;
    position: absolute;
    right: 0;
    top: -113px;
    left: 0;
    margin: auto;
}

.live .con01 .btnBox:hover .pos {
    display: block;
}

.live .con01 .hd {
    width: 1200px;
    overflow: hidden;
    margin-top: 10px;
}

.live .con01 .hd ul {
    min-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.live .con01 .hd li.on {
    background-color: #c5dbff;
}

.live .con01 .hd li.on .name,
.live .con01 .hd li.on .date {
    color: #333333;
}

.live .con01 .hd li {
    float: left;
    width: 199px;
    background-color: rgba(243, 246, 251, .2);
    padding: 10px 20px;
    margin-right: 1px;
    cursor: pointer;
}

.live .con01 .hd li .red {
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    padding: 0 8px;
    margin-bottom: 6px;
    background-color: #ff3b43;
    border-radius: 2px;
    display: inline-block;
}

.live .con01 .hd li .green {
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    padding: 0 8px;
    margin-bottom: 6px;
    background-color: #06ae86;
    border-radius: 2px;
    display: inline-block;
}

.live .con01 .hd li .name {
    font-size: 16px;
    color: #fff;
    line-height: 22px;
}

.live .con01 .hd li .name em {
    font-size: 13px;
    display: block;
    /* line-height: 14px;*/
}

.live .con01 .hd li .date {
    font-family: 'en';
    color: #fff;
    color: rgba(255, 255, 255, .5);
    line-height: 1;
    margin-top: 10px;
}

.live .con01 .slideBox {
    position: relative;
    margin-top: 16px;
}

.live .con01 .slideBox .btn {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 38px;
    background-color: #ffffff;
    border-radius: 50%;
    background-image: url(../images/btn.png);
    background-repeat: no-repeat;
    border: 4px solid #bfcedc;
    z-index: 9;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.live .con01 .slideBox .next {
    right: -100px;
    background-position: -72px -68px;
}

.live .con01 .slideBox .prev {
    left: -100px;
    background-position: -2px -2px;
}

.live .con01 .slideBox .btn:hover {
    border: 4px solid #ffb675;
}

.live .con01 .slideBox .prev:hover {
    background-position: -72px -2px;
}

.live .con01 .slideBox .next:hover {
    background-position: -1px -67px;
}

.sideImg {
    width: 1130px;
    height: 600px;
    position: relative;
    float: left;
    margin-bottom: 10px;
}

.sideImg .imgbd {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.sideImg .imgbd .ul {
    width: 100% !important;
    height: 100% !important;
}

.sideImg .imgbd .li {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.sideImg .imgbd .img {
    width: 100% !important;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.sideImg .imgbd .img .more {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: auto;
    text-align: center;
    background: url(../images/live-btn.png) no-repeat center top;
    padding-top: 100px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.live-btn {
    position: absolute;
    bottom: 30px;
    text-align: center;
    color: #fff;
}

.live-btn.live-btn-l {
    left: 30px;
}

.live-btn.live-btn-r {
    right: 30px;
}

.live-btn .icon {
    width: 50px;
    margin: auto;
    margin-bottom: 14px;
}

.live-btn .h1 {
    font-size: 16px;
    margin-bottom: 2px;
}

.live-btn .h2 {
    font-family: 'en';
    font-size: 16px;
    line-height: 1.4;
}

.sideImg .imgbd .img:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    top: 0;
    left: 0;
}

.sideImg .imgbd .img.video:before {
    display: none;
}

.sideImg .imgbd .img.video .videoBtn {
    content: '';
    width: 60px;
    height: 60px;
    background: url(../images/ico14.png) no-repeat center;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -30px;
    z-index: 2;
}

.sideImg .imgbd .img.video:hover .videoBtn:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -80px;
    margin-top: -80px;
    padding: 40px;
    text-align: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -o-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: -ms-linear-gradient(90deg, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    background: linear-gradient(90deg, rgba(226, 242, 255, .15) 50%, rgba(255, 255, 255, 0.00) 50%);
    -webkit-animation: play_rotate 3s infinite;
    animation: play_rotate 3s infinite;
    z-index: 1;
}

.sideImg .imgbd .img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sideImg .imgbd .content {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sideImg .imgbd .side_t {
    position: absolute;
    left: 398px;
    top: 157px;
}

.sideImg .imgbd .side_t .text1 {
    margin-bottom: 22px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.sideImg .imgbd .side_t .text2 {
    overflow: hidden;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.sideImg .imgbd .side_t .text2 h3 {
    font-size: 24px;
    color: #ffffff;
    line-height: 40px;
    float: left;
}

.sideImg .imgbd .side_t .text2 em {
    font-size: 32px;
}

.sideImg .imgbd .side_t .head_time {
    float: left;
    font-size: 32px;
    color: #fff;
    text-align: center;
    margin: 46px 0 0 10px;
}

.sideImg .imgbd .side_t .head_time em {
    font-family: 'en';
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 2px;
    display: inline-block;
}

.sideImg .imgbd .side_t .more {
    line-height: 50px;
    background-color: #14d3c0;
    border-radius: 25px;
    color: #fff;
    padding: 0 22px;
    margin-top: 40px;
    display: inline-block;
    box-shadow: 0px 0px 4px rgba(4, 82, 123, .7);
}

.sideImg .btn_hd {
    margin: auto;
    position: absolute;
    right: 40px;
    bottom: 20px;
    z-index: 99;
}

.sideImg .btn_hd .ul .li.on {
    background-color: #fff !important;
}

.sideImg .btn_hd .ul .li {
    float: left;
    width: 16px !important;
    height: 16px !important;
    overflow: hidden;
    color: transparent;
    background-color: transparent !important;
    border: 3px solid #fff;
    border-radius: 50%;
    margin-left: 10px;
    transition: all .4s;
    cursor: pointer;
}

.live .con02 {
    background-color: #e7f1ff;
    padding: 55px 0 118px;
    position: relative;
}

/* .live .con02:before{content: '';width: 211px;height: 68px;background: url(../images/ico3.png) no-repeat center;position: absolute;left: 12px;bottom: 128px;} */
.live .con02 .side02 {
    position: relative;
    z-index: 2;
}

.live .con02 .side02 .bd {
    overflow: hidden;
    width: 1215px;
}

.live .con02 .side02 .tempWrap {
    width: 1200px !important;
}

.live .con02 .side02 .item {
    float: left;
    width: 390px;
    height: 547px;
    margin-right: 15px;
}

.live .con02 .side02 .item .img {
    width: 100%;
    height: 337px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.live .con02 .side02 .item .detailed {
    text-align: left;
    height: 210px;
    background-color: #fff;
    padding: 34px 26px 0;
    position: relative;
    width: 100%;
    float: none;
}

.live .con02 .side02 .item .detailed .name {
    font-size: 24px;
    color: #075fd6;
    line-height: 20px;
}

.live .con02 .side02 .item .detailed .name em {
    font-size: 14px;
}

.live .con02 .side02 .item .detailed .text {
    font-size: 14px;
    color: #848484;
    line-height: 24px;
    margin-top: 10px;
}

.live .con02 .side02 .item .detailed:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0;
    z-index: 2;
    background: url(../images/ico2.jpg) no-repeat center bottom;
    -webkit-transition: top .4s ease-out;
    transition: top .4s ease-out;
}

.live .con02 .side02 .item:hover .detailed:before {
    top: 0;
}

.live .con02 .side02 .item .detailed .text02 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 34px 26px 0;
    z-index: 9;
    display: none;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

.live .con02 .side02 .item .detailed .text02 h3 {
    font-size: 18px;
    color: #fff;
}

.live .con02 .side02 .item .detailed .text02 .height {
    margin-top: 10px;
}

.live .con02 .side02 .item .detailed .text02 p {
    color: #ffffff;
    line-height: 24px;
}

.live .con02 .side02 .item:hover .detailed .text02 {
    display: block;
    animation: fadeInUp 1s;
    -webkit-animation: fadeInUp 1s;
}

.live .con02 .side02 .hd {
    width: 1200px;
    height: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    text-align: center;
}

.live .con02 .side02 .hd ul li.on {
    border: 3px solid #075fd6;
    background-color: #075fd6;
}

.live .con02 .side02 .hd ul li {
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    color: transparent;
    background-color: transparent;
    border: 3px solid #075fd6;
    border-radius: 50%;
    margin-left: 8px;
    transition: all .4s;
    cursor: pointer;
}

.live .con02 .side02 .btn {
    display: none;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: -75px;
    background-color: #ffffff;
    border-radius: 50%;
    background-image: url(../images/btn.png);
    background-repeat: no-repeat;
    border: 4px solid #bfcedc;
    z-index: 9;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.live .con02 .side02 .next {
    right: 30px;
    background-position: -72px -68px;
}

.live .con02 .side02 .prev {
    right: 110px;
    background-position: -2px -2px;
}

.live .con02 .side02 .btn:hover {
    border: 4px solid #ffb675;
}

.live .con02 .side02 .prev:hover {
    background-position: -72px -2px;
}

.live .con02 .side02 .next:hover {
    background-position: -1px -67px;
}

.live .con03 {
    padding: 55px 0 125px;
    background-color: #fff;
}

.live .con03 .side03 {
    position: relative;
    z-index: 2;
}

.live .con03 .side03 .bd {
    overflow: hidden;
    width: 1213px;
}

.live .con03 .side03 .tempWrap {
    width: 1210px !important;
}

.live .con03 .side03 .item {
    float: left;
    width: 290px;
    height: 390px;
    margin-right: 13px;
    position: relative;
}

.live .con03 .side03 .item .img {
    width: 100%;
    height: 360px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.live .con03 .side03 .item .detailed {
    width: 250px;
    height: 114px;
    background-color: #fff;
    box-shadow: 0 0 13px rgba(189, 189, 190, .4);
    padding: 22px 10px 0 18px;
    position: absolute;
    right: 0;
    top: 264px;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

.live .con03 .side03 .item .detailed .name {
    font-size: 18px;
    color: #075fd6;
    line-height: 20px;
    margin-bottom: 6px;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

.live .con03 .side03 .item .detailed .text {
    font-size: 14px;
    color: #848484;
    line-height: 22px;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

.live .con03 .side03 .item:hover .detailed {
    background-color: #075fd6;
    box-shadow: none;
}

.live .con03 .side03 .item:hover .detailed .name {
    color: #ffffff;
}

.live .con03 .side03 .item:hover .detailed .text {
    color: #ffffff;
}

.live .con03 .side03 .hd {
    width: 1200px;
    height: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    text-align: center;
}

.live .con03 .side03 .hd ul li.on {
    border: 3px solid #075fd6;
    background-color: #075fd6;
}

.live .con03 .side03 .hd ul li {
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    color: transparent;
    background-color: transparent;
    border: 3px solid #075fd6;
    border-radius: 50%;
    margin-left: 8px;
    transition: all .4s;
    cursor: pointer;
}

.live .con03 .side03 .btn {
    display: none;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: -75px;
    background-color: #ffffff;
    border-radius: 50%;
    background-image: url(../images/btn.png);
    background-repeat: no-repeat;
    border: 4px solid #bfcedc;
    z-index: 9;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
}

.live .con03 .side03 .next {
    right: 30px;
    background-position: -72px -68px;
}

.live .con03 .side03 .prev {
    right: 110px;
    background-position: -2px -2px;
}

.live .con03 .side03 .btn:hover {
    border: 4px solid #ffb675;
}

.live .con03 .side03 .prev:hover {
    background-position: -72px -2px;
}

.live .con03 .side03 .next:hover {
    background-position: -1px -67px;
}

.live .con04 {
    /* min-height: 975px;*/
    background: #ebeff4;
    padding-bottom: 70px;
    margin-bottom: -25px;
    position: relative;
    overflow: hidden;
}

.live .con04 .title {
    padding: 50px 0 36px;
    background-color: #fff;
}

.live .con04 .topBox {
    /* height: 124px; */
    /* line-height: 124px; */
    background: url(../images/ico10.png) no-repeat center/cover;
}

.live .con04 .hd {
    width: 1200px;
    /* height: 124px; */
    overflow: hidden;
    margin: auto;
}

.live .con04 .hd ul {
    min-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.live .con04 .hd li:hover .name,
.live .con04 .hd li.on .name {
    color: #fff;
}

.live .con04 .hd li:before {
    content: '';
    display: block;
    position: absolute;
    left: 9.9%;
    /* right: 0;*/
    bottom: 0;
    background-color: #fff;
    height: 5px;
    width: 0;
    transition: width .4s ease;
    -webkit-transition: width .4s ease;
    margin: auto;
}

.live .con04 .hd li:hover:before,
.live .con04 .hd li.on:before {
    width: 80%;
}

.live .con04 .btn_hd {
    width: 1200px;
    margin: auto;
    text-align: center;
    margin-top: 20px;
    margin-bottom: -40px;
}

.live .con04 .btn_hd .li {
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    color: transparent;
    background-color: transparent;
    border: 3px solid #075fd6;
    border-radius: 50%;
    margin-left: 8px;
    transition: all .4s;
    cursor: pointer;
}

.live .con04 .btn_hd .li.on {
    border: 3px solid #075fd6;
    background-color: #075fd6;
}

.live .con04 .hd li {
    float: left;
    width: 200px;
    /* height: 124px; */
    /* line-height: 124px; */
    text-align: center;
    cursor: pointer;
    position: relative;
    padding: 14px 0;
}

.live .con04 .hd li .downBox {
    display: inline-block;
    vertical-align: top;
}

.live .con04 .hd li .name {
    font-size: 13px;
    color: #aae1ef;
    line-height: 19px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.live .con04 .hd li .name em {
    font-size: 12px;
    line-height: 15px;
    display: block;
}

.live .con04 .hd li .name h3 {
    /* min-height: 60px; */
    margin-bottom: 20px;
}

.live .con04 .bd {
    width: 1200px;
    background-color: #fff;
    margin: auto;
    margin-top: 60px;
}

.live .con04 .bd li .bg {
    padding: 20px;
}

.live table.name {
    font-size: 16px;
    color: #324643;
    text-align: center;
    border-width: 1px;
    border-color: #fff;
    border: none;
}

.live table.name tr {
    background-color: #92d3c8;
}

.live table.name td {
    border-width: 1px;
    padding: 27px 20px;
    border: none;
}

.live table.name td.num {
    width: 202px;
}

.live table.name td.num01 {
    width: 417px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.live table.name td.num02 {
    width: 571px;
}

.live table.schedule {
    width: 100%;
    color: #666666;
    border: none;
}

.live table.schedule tr {
    background-color: #fff;
}

.live table.schedule td {
    padding: 18px 20px;
    border-left: none;
    /* border-right: none;*/
    border-bottom-color: #ebeff4;
}

.live table.schedule td.num {
    width: 202px;
}

.live table.schedule td p {
    color: #666666;
}

.live table.schedule td.num p {
    text-align: center;
    color: #78a8e8;
    line-height: 18px;
}

.live table.schedule td.num01 {
    width: 417px;
    padding: 18px 20px 18px 55px;
}

.live table.schedule td.num02 {
    width: 571px;
    padding: 18px 20px 18px 55px;
}

.live table.schedule td.num02 h4 {
    line-height: 22px;
    color: #075fd6;
}

.live table.schedule td.num02 p {
    line-height: 22px;
}

.live .con04 .text {
    margin-top: 20px;
}

.live .con04 .text p {
    color: #8d8f8f;
    line-height: 24px;
    text-align: center;
}

.live .con04 .bd ul {
    position: relative;
    z-index: 2;
}

.live .con04 .icon01 {
    position: absolute;
    right: -200px;
    top: 455px;
    width: 399px;
    height: 399px;
    background: url(../images/ico51.png) no-repeat center/cover;
    -webkit-animation: circle01 20s linear infinite;
    animation: circle01 20s linear infinite;
}

.live .con04 .icon02 {
    position: absolute;
    left: 46px;
    top: 624px;
    width: 226px;
    height: 226px;
    background: url(../images/ico11.png) no-repeat center;
    -webkit-animation: circle02 20s linear infinite;
    animation: circle02 20s linear infinite;
}

.live .con04 .icon03 {
    position: absolute;
    left: 240px;
    top: 735px;
    width: 84px;
    height: 84px;
    background: url(../images/ico12.png) no-repeat center;
    -webkit-animation: circle02 20s linear infinite;
    animation: circle02 20s linear infinite;
    z-index: 1;
}

/* forums_events15*/
.forums_events15 .wrapper .hidden {
    width: 100%;
}

.forums_events15 .list .li {
    width: 100%;
    display: inline-block;
    padding: 0 0 50px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.forums_events15 .list .li:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #0e77ca;
    height: 1px;
    width: 0;
    transition: width .6s ease;
    -webkit-transition: width .6s ease;
}

.forums_events15 .list .li+.li {
    padding: 45px 0 50px;
}

.forums_events15 .list .li .img {
    float: left;
    width: 263px;
    height: 172px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 20px;
}

.forums_events15 .list .li .cont {
    /* width: 700px;*/
    width: 520px;
    float: left;
}

.forums_events15 .list .li .name {
    font-size: 20px;
    color: #323232;
    line-height: 28px;
    margin: 10px 0 3px;
}

.forums_events15 .list .li .date {
    font-size: 16px;
    color: #848484;
    line-height: 26px;
}

.forums_events15 .list .li .date em {
    font-family: 'en';
    font-weight: bold;
}

.forums_events15 .list .li .location {
    font-size: 16px;
    color: #848484;
    line-height: 26px;
}

.forums_events15 .list .li .num {
    font-size: 16px;
    color: #848484;
    line-height: 26px;
}

.forums_events15 .list .li .more {
    width: 180px;
    height: 60px;
    background: url(../images/ico32.png) no-repeat center/cover;
    position: absolute;
    right: 200px;
    top: 50%;
    margin-top: -30px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    border-radius: 4px;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.forums_events15 .list .li .more02 {
    width: 180px;
    height: 60px;
    background: url(../images/ico32.png) no-repeat center/cover;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -30px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    border-radius: 4px;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.forums_events15 .list .li:hover:after {
    width: 100%;
}

.forums_events15 .list .li .more:hover {
    box-shadow: 0px 7px 24px rgba(33, 137, 243, .5);
}

.forums_events15 .list .li .more02:hover {
    box-shadow: 0px 7px 24px rgba(33, 137, 243, .5);
}

.forums_events15 .more {
    width: 45px;
    height: 45px;
    background: url(../images/more.png) no-repeat;
    margin: auto;
    margin-top: 36px;
    cursor: pointer;
}

/* forums_events15_d*/
.forums_events15_d .wrapper .hidden {
    width: 100%;
}

.forums_events15_d .con01 {
    overflow: hidden;
}

.forums_events15_d .con01 .img {
    float: left;
    width: 420px;
    height: 274px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 47px;
}

.forums_events15_d .con01 .cont {
    width: 680px;
    float: left;
}

.forums_events15_d .con01 .name {
    font-size: 20px;
    color: #323232;
    line-height: 28px;
    margin: 10px 0 3px;
}

.forums_events15_d .con01 .date {
    font-size: 16px;
    color: #848484;
    line-height: 26px;
}

.forums_events15_d .con01 .date em {
    font-family: 'en';
    font-weight: bold;
}

.forums_events15_d .con01 .location {
    font-size: 16px;
    color: #848484;
    line-height: 26px;
}

.forums_events15_d .con01 .num {
    font-size: 16px;
    color: #848484;
    line-height: 26px;
}

.forums_events15_d .con01 .btn {
    display: inline-block;
    margin-top: 60px;
}

.forums_events15_d .con01 .btn a {
    float: left;
    width: 180px;
    height: 60px;
    background: url(../images/ico32.png) no-repeat center/cover;
    text-align: center;
    line-height: 60px;
    color: #fff;
    margin-right: 20px;
    border-radius: 4px;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.forums_events15_d .con01 .btn a:hover {
    box-shadow: 0px 7px 24px rgba(33, 137, 243, .5);
}

.forums_events15_d .con01 .btn a+a {
    color: #848484;
    background: none;
    border: 1px solid #dcdcdc;
}

.forums_events15_d .con01 .btn a+a:hover {
    color: #075fd6;
    border: 1px solid #075fd6;
    box-shadow: none;
}

.forums_events15_d .con02 {
    min-height: 323px;
    background: url(../images/ico33.jpg) no-repeat center/cover;
    padding: 46px 50px;
    margin-top: 50px;
    color: #fff;
    overflow: hidden;
    position: relative;
}

.forums_events15_d .con02:after {
    content: '';
    width: 630px;
    height: 100%;
    background: url(../images/ico34.png) no-repeat center/cover;
    position: absolute;
    left: 0;
    bottom: 0;
}

.forums_events15_d .con02>div {
    position: relative;
    z-index: 1;
}

.forums_events15_d .con02 .title {
    float: left;
}

.forums_events15_d .con02 .title .cn {
    font-size: 24px;
    line-height: 1;
}

.forums_events15_d .con02 .title .en {
    font-family: 'en';
    font-size: 32px;
    opacity: .8;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: -2px;
    margin-top: 6px;
}

.forums_events15_d .con02 .text {
    float: right;
    width: 680px;
}

.forums_events15_d .con02 .text h3 {
    font-size: 24px;
    margin-bottom: 24px;
}

.forums_events15_d .con02 .text p {
    font-size: 16px;
    color: #ffffff;
    line-height: 24px;
    margin-top: 12px;
}

.forums_events7 .detailed .box a,
.forums_events5 .detailed .box a,
.sphc {
    height: 72px;
    line-height: 72px;
    background-color: #5bb8d7;
    padding: 0 36px;
    border-radius: 4px;
    box-shadow: 0px 9px 25px rgba(23, 184, 237, .4);
    font-size: 16px;
    color: #fff;
    margin-top: 40px;
    position: relative;
    display: inline-block;
}

.online_exhibition2_details .oux-banner {
    height: 285px;
    background: #fff;
    font-size: 0;
}

.online_exhibition2_details .oux-banner .searchBoxWrap {
    bottom: 110px;
    z-index: 2;
}

.online_exhibition2_details .oux-banner .name {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
}

.online_exhibition2_details .oux-banner .name a {
    font-size: 30px;
    color: #a0a9b1;
    line-height: 55px;
    display: inline-block;
    margin: 0 23px;
}

.online_exhibition2_details .oux-banner .name a em {
    font-family: 'en';
    font-size: 20px;
}

.online_exhibition2_details .oux-banner .name a.on {
    color: #0e69ba;
    border-bottom: 6px solid #1651bf;
}

.online_exhibition2_details .oux-banner .name02 {
    position: absolute;
    top: 70px;
    right: 235px;
}

.online_exhibition2_details .oux-banner .name02 a {
    font-size: 16px;
    color: #99a0a7;
    line-height: 40px;
    margin-left: 12px;
    float: left;
}

.online_exhibition2_details .oux-banner .name02 a em {
    font-family: 'en';
    font-size: 14px;
}

.online_exhibition2_details .wrapper {
    background: url(../images/ico71.jpg) no-repeat center/cover;
    padding: 80px 0 60px;
}

.online_exhibition2_details .cCont1 {
    background: none;
    height: auto;
    padding: 0;
}

.online_exhibition2_details .Box {
    display: block;
}

.online_exhibition2_details .Box+.Box {
    display: none;
}

.online_exhibition2_details .cCont2 {
    background: none;
    margin: 0;
}

.online_exhibition2_details .cCont2 .auto {
    padding: 0;
}

.online_exhibition2_details .cCont1 .slideBox {
    height: auto;
}

.online_exhibition2_details .cCont1 .bd {
    overflow: hidden;
}

.online_exhibition2_details .more {
    width: 45px;
    height: 45px;
    background: url(../images/more_on.png) no-repeat !important;
    margin: auto;
    margin-top: 27px;
    cursor: pointer;
    position: static;
}

.search_fixed .online_exhibition2_details .searchBoxWrap {
    background: #fff;
    padding-top: 24px;
    height: 113px;
}

.search_fixed .online_exhibition2_details .oux-banner .name {
    display: none;
}

.online_exhibition2_details .return {
    height: 42px;
    line-height: 42px;
    padding: 0 52px 0 40px;
    border: 1px solid #fff;
    border: 1px solid rgba(210, 210, 210, .3);
    border-radius: 20px;
    font-size: 16px;
    color: #667184;
    position: absolute;
    right: 0;
    bottom: 17px;
}

.online_exhibition2_details .return:before {
    content: '';
    width: 24px;
    height: 16px;
    background: url(../images/ico72.png) no-repeat center;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media all and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
(-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
(min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
    .news3_d .wrapper .detailed video {
        width: 60%;
        margin: 0 auto;
        display: block !important;
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
(-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
(min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
    .news3_d .wrapper .detailed video {
        width: 60%;
        margin: 0 auto;
        display: block !important;
    }

    .banner .bd li .content {
        transform: scale(.8);
        -webkit-transform: scale(.8);
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
(-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
(min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
    .news3_d .wrapper .detailed video {
        width: 60%;
        margin: 0 auto;
        display: block !important;
    }

    .banner .bd li .content {
        transform: scale(.8);
        -webkit-transform: scale(.8);
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
(-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
(min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
    .news3_d .wrapper .detailed video {
        width: 60%;
        margin: 0 auto;
        display: block !important;
    }

    .banner .bd li .content {
        transform: scale(.8);
        -webkit-transform: scale(.8);
    }

    .banner .bd li .content .ban_t.ban_t3 {
        top: 0%;
    }

    .banner .bd li .content .video {
        top: 0;
    }

    .online_exhibition .circle {
        transform: scale(.8);
        -webkit-transform: scale(.8);
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
(-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
(min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
    .news3_d .wrapper .detailed video {
        width: 60%;
        margin: 0 auto;
        display: block !important;
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
(-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
(min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
    .news3_d .wrapper .detailed video {
        width: 60%;
        margin: 0 auto;
        display: block !important;
    }

    .banner .bd li .content {
        transform: scale(.8);
        -webkit-transform: scale(.8);
    }
}

@media (max-width: 1680px) {
    .index .con01 .list .li .detailed .name {
        font-size: 14px;
    }

    .online_exhibition5 .pagination {
        position: relative;
        margin: 0;
        right: 0;
    }

    .online_exhibition5 .spage-number button.active {
        margin: 0 30px;
        padding: 0;
    }

    .online_exhibition5 .spage-total {
        top: 43px;
        left: 604px;
    }

    .online_exhibition5 .spage-number button.active,
    .online_exhibition5 .spage-number .prev,
    .online_exhibition5 .spage-number .next,
    .online_exhibition5 .slideBox .num {
        display: inline-block;
    }

    .online_exhibition5 .slideBox .num {
        margin: 0 20px;
    }
}

@media (max-width: 1640px) {
    .live .con01 .bd {
        margin: 0;
    }

    .live .con01 .bd .topBox .fl,
    .live .con01 .bd .sideImg {
        width: 912px;
    }

    .sideImg .imgbd .li .side_t {
        left: 198px;
    }
}

@media (max-width: 1460px) {

    .index .con02 .side02 .btn,
    .index .con03 .side03 .btn,
    .live .con03 .side03 .btn {
        top: auto;
        margin-top: 0;
        bottom: -66px;
    }

    .live .con02 .side02 .btn {
        top: auto;
        margin-top: 0;
        bottom: -75px;
    }

    .index .con03 .side03 .btn {
        top: -80px;
        margin-right: -40px;
    }

    .index .con02 .side02 .next,
    .index .con03 .side03 .next,
    .online_exhibition2 .cCont1 .slideBox .next,
    .online_exhibition2_d .main-wrap01 .cCont3 .slideBox .next,
    .live .con02 .side02 .next,
    .live .con03 .side03 .next {
        right: 30px;
    }

    .index .con02 .side02 .prev,
    .index .con03 .side03 .prev,
    .online_exhibition2 .cCont1 .slideBox .prev,
    .online_exhibition2_d .main-wrap01 .cCont3 .slideBox .prev,
    .live .con02 .side02 .prev,
    .live .con03 .side03 .prev {
        left: auto;
        right: 110px;
    }

    .style01 .side02 .btn,
    .style04 .side02 .btn {
        top: -47px;
    }

    .style01 .side02 .next,
    .style04 .side02 .next {
        right: 30px;
    }

    .style01 .side02 .prev,
    .style04 .side02 .prev {
        left: auto;
        right: 110px;
    }

    .online_exhibition2 .cCont1 .slideBox .btn,
    .online_exhibition2_d .main-wrap01 .cCont3 .slideBox .btn {
        top: auto;
        margin-top: 0;
        bottom: -95px;
    }

    .live .con01 .slideBox .next {
        right: -65px;
    }

    .live .con01 .slideBox .prev {
        left: -65px;
    }
}

@media (max-width: 1300px) {
    .index .con03 .content {
        width: 100%;
    }
}

@media (max-width: 1280px) {
    html {
        overflow-x: scroll;
    }

    body {
        width: 1366px;
        height: auto !important;
    }

    #luxy {
        overflow: hidden;
        width: auto !important;
        position: static !important;
        transform: none !important;
    }
}

@media screen and (max-height: 880px) {
    .banner .bd li .content .ban_t.ban_t2 {
        top: 32%;
    }

    .online_exhibition .title .en {
        font-size: 32px;
        line-height: 42px;
    }

    /* .online_exhibition .con01 .list{padding-top: 4%;}*/
}

@media screen and (max-height: 850px) {
    .banner .bd li .content .ban_t.ban_t2 {
        top: 28%;
    }
}

@media screen and (max-width: 1440px) and (max-height: 860px) {
    .online_exhibition .title .en {
        font-size: 32px;
        line-height: 42px;
    }

    /* .online_exhibition .con01 .list{padding-top: 4%;}*/
    .online_exhibition2 .page_ban .img {
        top: 26%;
    }

    .online_exhibition2 .page_ban .img img {
        height: 520px;
    }

    .banner .bd li .content .ban_t.ban_t3 {
        left: 0;
        top: 15%;
    }

    .banner .bd li .ban_t.ban_t4 {
        top: 15%;
    }
}

@media screen and (max-width: 1366px) and (max-height: 760px) {

    /* .online_exhibition .con01 .list{padding-top: 2%;}*/
    .online_exhibition .con01 .list .li {
        height: 240px;
    }

    .online_exhibition2 .page_ban .img img {
        height: 490px;
    }

    .banner .bd li .content .ban_t.ban_t3 {
        top: 5%;
    }

    .banner .bd li .content .video {
        top: 6%;
    }

    .banner .bd li .ban_t.ban_t4 {
        top: 10%;
    }

    .banner .bd li .ban_t.ban_t4 .text1 {
        font-size: 40px;
        line-height: 77px;
        padding: 0 16px;
    }

    .banner .bd li .ban_t.ban_t4 .card {
        margin: 30px 0;
    }

    .banner .bd li .ban_t.ban_t4 .card .li {
        width: 180px;
        height: 180px;
    }
}

@media screen and (max-height: 820px) {
    .online_exhibition .con01 .list {
        padding-top: 22%;
    }
}

@media screen and (max-height: 740px) {
    .pop .popBody {
        height: 400px;
        margin-top: -160px;
    }
}

@media screen and (max-height: 720px) {
    .online_exhibition .con01 .list {
        padding-top: 16%;
    }
}

.forums_events8 strong {
    display: inline;
}

.corporation-list-load {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

.corporation-list-load.on {
    display: block;
}

.corporation-list-pop .close {
    position: fixed;
    z-index: 1000;
    right: 50%;
    margin-right: -600px;
    top: 20px;
    background-color: #005fdf;
}


.introduce .detailed .intro {
    padding-bottom: 40px;
}

.introduce .detailed .intro h3 {
    font-size: 20px;
    line-height: 30px;
    color: #333;
    margin-bottom: 14px;
}

.introduce .detailed p {
    margin-bottom: 14px;
    font-size: 14px;
    color: #808080;
    line-height: 24px;
}

.introduce .detailed .box {
    margin-bottom: 60px;
}

.introduce .detailed .column {
    overflow: hidden;
    margin-bottom: 25px;
}

.introduce .detailed .column .num {
    float: left;
    width: 52px;
    height: 52px;
    text-align: center;
    line-height: 52px;
    background: #0061ae;
    font-size: 26px;
    color: #fff;
    font-family: 'en';
}

.introduce .detailed .column h3 {
    padding-left: 68px;
    height: 52px;
    line-height: 50px;
    font-size: 20px;
    color: #0061ae;
    border-top: 1px solid #0061ae;
    border-bottom: 1px solid #0061ae;
}

.introduce .detailed p img {
    display: block;
    margin: 25px auto 0;
}


/* ======= */
.sxTimeNameWrap {
    /* width: 100%; */
    height: 280px;
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-bottom: -60px;
    background: url(../images/sxtimename-bg.png) no-repeat center top;
}

.sxTimeName {
    width: 1200px;
    height: 200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 40px 30px 0;
    position: relative;
}

.sxTimeName .li {
    color: rgba(255, 255, 255, .8);
    margin: 0 24px;
    position: relative;
    font-size: 26PX;
    font-weight: bold;
    line-height: 1;
    height: 20px;
    cursor: pointer;
}

.sxTimeName .li.on {
    text-shadow: 2px 2px 20px #35efd5;
    color: #FFF;
}

.sxTimeName .borAc {
    position: absolute;
    left: 0;
    top: -42px;
        margin-left: 28px;
        transition: all 1s;
}

.sxTimeName .borAc.c0,
.sxTimeName .li:nth-child(1) {
    transform: rotate(-7deg) translateY(3px);
}
.sxTimeName .borAc.c1 ,
.sxTimeName .li:nth-child(2) {
    transform: rotate(0deg) translateY(-17px);
}
.sxTimeName .borAc.c2,
.sxTimeName .li:nth-child(3) {
    transform: rotate(7deg) translateY(15px);
}
.sxTimeName .borAc.c3,
.sxTimeName .li:nth-child(4) {
    transform: rotate(-7deg) translateY(15px);
}
.sxTimeName .borAc.c4,
.sxTimeName .li:nth-child(5) {
    transform: rotate(-3deg) translateY(-18px);
}


.btnBox{font-size: 0; text-align: center;}
.strongBtn{display: inline-block; width: 232px; height: 100px; text-align: center; padding: 0 29px; background: url(../images/iconwavebg.png) no-repeat top center; cursor: pointer;}
.strongBtn .ine{position: relative; z-index: 5; text-align: center; height: 66px; line-height: 66px; font-size: 16px; color: #fff;}
.strongBtn .ine:before, .strongBtn .ine:after{content: ""; display: block; position: absolute; left: 0; top: 0; height: 66px; width: 100%; background: no-repeat; z-index: -1;}
.strongBtn .ine:before{background-image: url(../images/iconwave1.png); animation: wave1 3s linear infinite;}
.strongBtn .ine:after{background-image: url(../images/iconwave2.png); animation: wave2 3.2s linear infinite;}
.strongBtn.btn2 .ine:before{background-image: url(../images/iconwave3.png); animation: wave2 3.2s linear infinite;}
.strongBtn.btn2 .ine:after{background-image: url(../images/iconwave4.png); animation: wave1 3s linear infinite;}

@keyframes wave1 {
    0% {background-position: 0 top;}
    100% {background-position: -330px top;}
}

@keyframes wave2 {
    0% {background-position: 0 top;}
    100% {background-position: -282px top;}
}