@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Helvetica", "PingFangSC", "Microsoft Yahei", "微软雅黑", Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.banner {
    background: url(../images/top.png) no-repeat center;
    height: 560px;
}

.center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 189px;
    height: 55px;
    margin: 30px auto;
}

#title1 {
    background: url(../images/01.png) no-repeat;
    background-size: 100% 100%;
}

#title2 {
    background: url(../images/02.png) no-repeat;
    background-size: 100% 100%;
}

#title3 {
    background: url(../images/03.png) no-repeat;
    background-size: 100% 100%;

}

#title4 {
    background: url(../images/04.png) no-repeat;
    background-size: 100% 100%;
}

#live {
    width: 154px;
    height: 59px;
    background: url(../images/live.png);
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.content {
    /* display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto; */
}

.content .left {
    width: 1560px;
    height: 485px;
    overflow: hidden;
}

.content .left_img {
    width: 1560px;
    height: 485px;
    background: url(../images/picture.png) no-repeat;
    background-size: 100% 100%;
    transition: 0.5s;
    position: relative;
}

.content .composite {
    /* width: 600px; */
    display: flex;
    justify-content: start;
    align-items: center;
}

.content .center {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 154px;
    height: 380px;
    background: url(../images/rectangle.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    margin-left: -80px;
}

.content .right {
    display: flex;
    flex-direction: column;
    /* width: 550px; */
    height: 544px;
    margin-left: 340px;
}

.content .right .top {
    display: flex;
    justify-content: left;
    align-items: center;
    height: 62px;
    font-size: 26px;
    font-weight: bold;
    color: #164FE5;
}

.content .right .txt {
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 16px;
    line-height: 40px;
    color: #333333;
    flex-direction: column;
    /* padding: 0 27px; */
    width: 850px;


    font-size: 14px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
}

.content .composite_footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 890px;
    background: url(../images/01/bg_data.png) no-repeat;
    background-size: 100% 100%;
}

.tips {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 120px;
    height: 80px;
}

.tips .body {
    display: flex;
}

.tips .body .numb {
    height: 57px;
    font-size: 48px;
    font-family: Helvetica;
    font-family: Impact-Regular, Impact;
    font-weight: 400;
    color: #0376E9;
    text-align: end;
}

.tips .body .plus {
    width: 22px;
    height: 40px;
    font-size: 30px;
    font-family: Microsoft YaHei;
    color: #0376E9;

}

.tips .body .monad {
    height: 16px;
    line-height: 86px;
    margin-left: 8px;
    font-size: 14px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #707070;

}

.tips .foot {
    height: 16px;
    text-align: center;
    font-size: 14px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #707070;
    line-height: 28px;
}

.content2 {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 1200px;
    flex-direction: column;
}

.cont2_title {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 1200px;
    margin-bottom: 33px;
}

.cont2_title .title_img {
    background: url(../images/title_img.png);
    background-size: 100% 100%;
    width: 91px;
    height: 80px;
}

.cont2_title .title_txt {
    font-size: 30px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 45px;
    margin-left: 13px;
}

.main_box {
    display: flex;
    margin-bottom: 30px;
}

.main_right {
    max-height: 584px;
    overflow-y: auto;
}

/*定义滚动条样式（高宽及背景）*/
.main_right::-webkit-scrollbar {
    width: 12px;
    /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
    background: #FFFFFF;
    color: #007acc;
}

/*定义滚动条轨道（凹槽）样式*/
.main_right::-webkit-scrollbar-track {
    /* 较少使用 */
    border-radius: 3px;
    background: transparent;
}

/*定义滑块 样式*/
.main_right::-webkit-scrollbar-thumb {
    border-radius: 54px;
    /* border-radius: 20px; */
    /* height: 30px; */
    /* 滚动条滑块长度 */
    height: 160px;
    background: linear-gradient(147deg, #23BDE3 0%, #DEF577 100%);
}

.main_right::-webkit-scrollbar-thumb:hover {
    background-color: #1f86c9;
}

.main_left {
    display: flex;
    flex-direction: column;
    background: url(../images/main.png);
    background-size: 100% 100%;
    width: 440px;
    height: 584px;
    color: #FFFFFF;
}

.main_left>div {
    margin-left: 39px;
}

.main_left_title {
    margin-top: 85px;
    font-size: 30px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 45px;
    letter-spacing: 2px;
}

.main_left_border {
    margin-top: 42px;
    width: 120px;
    height: 6px;
    background: linear-gradient(174deg, #23BDE3 0%, #DEF577 100%);
}

.main_left_date {
    display: flex;
    margin-top: 20px;
}

.date_title {
    width: 100px;
    height: 37px;
    font-size: 26px;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 45px;
}

.date_txt {
    width: 88px;
    height: 28px;
    font-size: 20px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 48px;
}

.main_left_address {
    margin-top: 40px;
    width: 368px;
    font-size: 18px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
}

.main_left_address_cont {
    margin-top: 20px;
    font-weight: 100;
}

.main_left_form {
    display: flex;
    align-items: center;
    margin-top: 18px;
}

.form_title {
    font-size: 18px;
    font-weight: 600;
}

.main_act {
    background: linear-gradient(90deg, #0642c812 0%, rgba(6, 66, 200, 0.0592) 17%, rgba(6, 66, 200, 0.02) 54%, rgba(6, 66, 200, 0.008) 86%, rgba(6, 66, 200, 0) 100%);
    border-radius: 0px 0px 0px 0px;
    margin: 0 13px 13px 13px;
}

.act_title {
    display: flex;
    justify-content: start;
    align-items: center;
    /* width: 720px; */
    height: 59px;
    background: linear-gradient(90deg, #2571E6 0%, #23BDE3 100%);
    border-radius: 4px 4px 4px 4px;
}

.one_point {
    width: 12px;
    height: 12px;
    background: #FFFFFF;
    border-radius: 10px;
    margin: 0 12px 0 55px;
    /* opacity: 1; */
}

.act_title_txt {
    font-size: 20px;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 45px;
}

.act_body_tip {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 110px;
    width: 720px;
}

.tip_item_title {
    font-size: 18px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 45px;
}

.tip_box {
    display: flex;
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 29px;
}

.tip_item_icon {
    width: 20px;
    height: 17px;
    margin-top: 6px;
    margin-right: 10px;
}

#icon1 {
    background: url(../images/icon1.png);
    background-size: 100% 100%;
}

#icon2 {
    background: url(../images/icon2.png);
    background-size: 100% 100%;
}

#icon3 {
    background: url(../images/icon3.png);
    background-size: 100% 100%;
}

.tip_item_txt {
    width: 100%;
}

.video_box {
    display: flex;
    justify-content: space-between;
    width: 1200px;
}

.video_left {}

#video_item_nanjin {
    background: url(../images/南京.png);
    background-size: 100% 100%;
    width: 920px;
    height: 520px;
    position: absolute;
}

.play_btn {
    background: url(../images/play_01@2x.png);
    background-size: 100% 100%;
    width: 119px;
    height: 119px;
    cursor: pointer;
    position: absolute;
    bottom: 44%;
    right: 44%;
}

.slices {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
    height: 67px;
    background: linear-gradient(103deg, #0060CE 0%, rgba(35, 189, 227, 0.83) 47%, rgba(222, 245, 119, 0) 100%);
    position: absolute;
    bottom: 0;
}

.slices_icon {
    background: url(../images/didian.png);
    background-size: 100% 100%;
    width: 23.5px;
    height: 31.4px;
    margin-left: 35px;
}

.slices_txt {
    font-size: 34px;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 45px;
    margin-left: 12px;
}

.video_right {
    display: flex;
    flex-direction: column;
    width: 264px;
    height: 537px;
    position: relative;
}

.prev{
    background: url(../images/btn_up.png);
    background-size: 100% 100%;
    width: 35.5px;
    height: 20.2px;
    position: absolute;
    top: -30px;
    left: 110px;
    z-index: 2;
}
.next{
    background: url(../images/btn_down.png);
    background-size: 100% 100%;
    width: 35.5px;
    height: 20.2px;
    position: absolute;
    bottom: -10px;
    left: 110px;
    z-index: 2;
}

.bd_container>div{
    margin-bottom: 20px;
    position: relative;
}

.video_item {
    width: 920px;
    height: 520px;
    position: relative;
    top: 0;
    left: 0;
}


.video_item_02 {
    width: 264px;
    height: 159.2px;
    position: absolute;
    top: 0;
    left: 0;
}

#video_item_nanjin_02 {
    background: url(../images/南京.png);
    background-size: 100% 100%;
}

#video_item_suzhou_02 {
    background: url(../images/suz.png);
    background-size: 100% 100%;
}

#video_item_wuxi_02 {
    background: url(../images/wuxi.png);
    background-size: 100% 100%;
}

.play_btn_02 {
    background: url(../images/play_02.png);
    background-size: 100% 100%;
    width: 33.9px;
    height: 33.9px;
    cursor: pointer;
    position: absolute;
    bottom: 44%;
    right: 44%;
}

.slices_02 {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
    height: 19px;
    background: linear-gradient(103deg, #0060CE 0%, rgba(35, 189, 227, 0.83) 47%, rgba(222, 245, 119, 0) 100%);
    position: absolute;
    bottom: 0;
}

.slices_icon_02 {
    background: url(../images/didian.png);
    background-size: 100% 100%;
    width: 6.7px;
    height: 8.9px;
    margin-left: 13px;
}

.slices_txt_02 {
    font-size: 9px;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 12px;
    margin-left: 8px;
}


.bord_line {
    width: 612px;
    opacity: 0.1;
    border-top: 1px solid #000000;
    margin: auto;
}

.org {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    margin-bottom: 20px;
    color: #262626;
}

.org span {
    height: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    letter-spacing: 1px;
}

.footer {
    background: #0060CE;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 20px 0;
    margin: 20px 0 0 0
}