@font-face {
     font-family: "ScalaOT Regular";
     src: url("../fonts/ScalaOT-Regular.otf");
 }

 @font-face {
     font-family: "Scala Light";
     src: url("../fonts/ScalaSansOT-Light.otf");
 }

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

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

 @font-face {
     font-family: "Merriweather";
     src: url("../fonts/Merriweather-Regular-9.ttf");
 }

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

 @font-face {
     font-family: "Helvetica Neue";
     src: url("../fonts/Helvetica-Neue-2.ttf");
 }

 @font-face {
     font-family: "HelveticaNeue Light";
     src: url("../fonts/helveticaneue-light.otf");
 }

 @font-face {
     font-family: "PingFangSC-Regular";
     src: url("../fonts/PingFangSCRegular.ttf");
 }

 body {
     font-family: Helvetica Neue, HelveticaNeue-Bold, Arial, Helvetica, sans-serif;
     //touch-action: none;
 }

 * {
     margin: 0;
     padding: 0;
 }

 ol,
 ul {
     padding: 0;
     margin: 0;
 }

 li {
     list-style: none;
 }

 a {
     text-decoration: none;
     color: #121212;
     cursor: pointer;
 }

 a:hover,
 a:focus {
     text-decoration: none !important;
 }

 img {
     width: 100%;
     height: auto;
 }

 p {
     font-size: 14px;
     //font-size: 16px;
     font-family: ScalaOT Regular, ScalaOT;
     font-weight: 400;
     color: rgba(102, 102, 102, 1);
     line-height: 20px;
 }

 #message {
     display: none;
 }

 .in_divider {
     width: 100%;
     height: 1px;
     background-color: #E6E6E6;
 }

 .on_p {
     display: none;
 }

 .container {
     width: 1170px;
 }

 .full_container {
     width: 100%;
     position: relative;
 }

 .full_container .full_row {
     width: 100%;
 }

 .p_full_container .box_div {
     display: none;
 }

 .new_title_ss,
 .new_title_s,
 .new_title_m,
 .new_title_l,
 .new_title_ml,
 .new_title_ms {
     font-family: ScalaOT Bold, ScalaOT;
     //font-weight: bolder;
     font-weight: 500;
     color: rgba(18, 18, 18, 1);
     margin-bottom: 8px;
     display: block;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .new_title_ss {
     font-size: 16px;
     line-height: 19px;
 }

 .new_title_s {
     font-size: 18px;
     line-height: 20px;
 }

 .new_title_ms {
     font-size: 20px;
     line-height: 24px;
 }

 .new_title_m {
     font-size: 22px;
     line-height: 24px;
 }

 .new_title_ml {
     font-size: 24px;
     line-height: 30px;
 }

 .new_title_l {
     font-size: 26px;
     line-height: 30px;
 }

 .nav_top ul li a {
     font-size: 18px;
     font-family: Helvetica Neue;
     color: #ffffff;
 }

 .year_section01 .year_title {
     margin-top: 52px;
     margin-bottom: 34px;
 }

 .year_mid_title,
 .year_title_s,
 .year_title_l,
 .year_title_m,
 .year_title_22,
 .year_title_23 {
     font-family: ScalaOT Bold, ScalaOT;
     font-weight: 500;
     text-align: left;
     color: #121212;
 }

 .year_title_s {
     font-size: 18px;
     line-height: 24px;
 }

 .year_title_m {
     font-size: 20px;
     line-height: 28px;
 }

 .year_title_l {
     font-size: 24px;
     line-height: 30px;
 }

 .year_title_22 {
     font-size: 22px;
     line-height: 29px;
 }

 .year_title_23 {
     font-size: 23px;
     line-height: 29px;
 }

 .year_divider {
     background-color: #DCDCDC;
     margin-top: 25px;
     margin-bottom: 25px;
 }

 .year_section01 p {
     margin-top: 15px;
 }

 .session_box3 .session_video .left_b_video:after,
 .session_box3 .session_video .right_videos:after,
 .session_box3 .session_video:after,
 .img_title_row .img_title_item .left_img:after,
 .title_row .title_item:after:,
 .img_title_row .img_title_item:after,
 .year_section01 .year_sec01_right:after,
 .year_section01 .year_sec01_mid:after,
 .year_section01 .year_sec01_left:after,
 .top_box .nav_top ul:after,
 .session_video:after,
 .session_box2:after,
 .year_section02 .year_sec02_right .sec02_right_top:after,
 .year_section03 .year_sec03_left .sec03_left_top:after,
 .year_section01:after {
     content: "";
     display: block;
     clear: both;
 }

 .year_section01 .in_divider {
     margin-top: 20px;
     margin-bottom: 20px;
     color: #DCDCDC;
 }

 .year_section01 .year_sec01_left,
 .year_section01 .year_sec01_mid,
 .year_section01 .year_sec01_right {
     float: left;
 }

 .year_section01 .year_sec01_left {
     width: 254px;
     padding-right: 13px;
     border-right: 1px solid #dcdcdc;
 }

 .year_section01 .year_sec01_mid {
     width: 660px;
     padding-left: 14px;
     padding-right: 14px;
     border-right: 1px solid #dcdcdc;
 }

 .year_section01 .year_sec01_right {
     width: 254px;
     padding-left: 14px;
 }

 .year_section01 .year_with_img img {
     width: 100%;
     height: auto;
     margin-bottom: 16px;
 }

 .year_section02 .year_sec02_left,
 .year_section02 .year_sec02_right,
 .year_section03 .year_sec03_left,
 .year_section03 .year_sec03_right {
     float: left;
 }

 .year_section02 .year_sec02_left {
     width: 442px;
     padding-right: 9px;
     border-right: 1px solid #dcdcdc;
 }

 .year_section03 .year_sec03_left {
     width: 728px;
     padding-right: 9px;
     border-right: 1px solid #dcdcdc;
 }

 .year_section02 .year_sec02_right {
     width: 728px;
     padding-left: 10px;
 }

 .year_section03 .year_sec03_right {
     width: 442px;
     padding-left: 10px;
 }

 .year_text_on_img {
     width: 100%;
     position: relative;
 }

 .year_text_on_img .s_text_on {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background: rgba(0, 0, 0, 0.53);
 }

 .year_text_on_img .s_text_on .year_s_text {
     position: absolute;
     width: 100%;
     top: 42%;
     left: 50%;
     transform: translateX(-50%);
     font-size: 35px;
     font-family: ScalaOT Bold, ScalaOT;
     font-weight: 700;
     text-align: center;
     color: #ffffff;
     line-height: 42px;
 }

 .year_section02 .year_sec02_right .in_divider,
 .year_section03 .year_sec03_left .in_divider {
     margin-top: 16px;
     margin-bottom: 16px;
 }

 .year_section02 .year_sec02_right .sec02_right_top .right_top_left,
 .year_section03 .year_sec03_left .sec03_left_top .left_top_left {
     float: left;
     width: 340px;
     margin-right: 15px;
 }

 .year_section02 .year_sec02_right .sec02_right_top .right_top_left,
 .year_section03 .year_sec03_left .sec03_left_top .left_top_right {
     float: left;
     width: 340px;
 }

 .year_section02 .year_sec02_right .sec02_right_bot .item_divider,
 .year_section03 .year_sec03_left .sec03_left_bot .item_divider {
     float: left;
     margin-left: 24px;
     margin-right: 24px;
     width: 1px;
     height: 123px;
     background-color: #dcdcdc;
 }

 .year_section02 .year_sec02_right .sec02_right_bot .right_bot_item,
 .year_section03 .year_sec03_left .sec03_left_bot .left_bot_item {
     float: left;
     width: 202px;
     //border-right: 1px solid #dcdcdc;
     //padding-right: 24px;
     //padding-left: 24px;
 }

 .year_section02 .year_sec02_right .sec02_right_bot .right_bot_item img,
 .year_section03 .year_sec03_left .sec03_left_bot .left_bot_item img {
     margin-bottom: 12px;
 }

 .year_mid_title {
     font-size: 34px;
     line-height: 34px;
     margin-bottom: 30px;
     text-align: center;
 }

 .year_life .year_life_content:after,
 .year_life .year_life_content .year_life_item:after,
 .year_opinion .year_opinion_content ul:after {
     content: "";
     display: block;
     clear: both;
 }

 .year_opinion .year_opinion_content ul li {
     float: left;
     width: 225px;
     margin-right: 90px;
 }

 .year_opinion .year_opinion_content ul li:last-child {
     margin-right: 0;
 }

 .year_opinion .year_opinion_content ul li img {
     width: 100%;
     height: auto;
     margin-bottom: 18px;
 }

 .year_life .year_life_content .year_life_item {
     float: left;
     width: 572px;

 }

 .year_life .year_life_content .year_life_item:first-child {
     margin-right: 26px;
 }

 .year_life .year_life_content .year_life_item .year_life_img {
     float: left;
     width: 352px;
     margin-right: 12px;
 }

 .year_life .year_life_content .year_life_item .year_life_text {
     float: left;
     width: 208px;
 }

 .year_life .year_life_content .year_life_item .year_life_text .year_title_m {
     margin-bottom: 20px;
 }

 .img_title_row_list .div01 {
     margin-top: 22px;
     margin-bottom: 22px;
 }

 .img_title_row_list .div02 {
     margin-top: 15px;
     margin-bottom: 74px;
 }

 .title_row:after,
 .img_title_row:after {
     content: "";
     display: block;
     clear: both;
 }

 .img_title_row .img_title_item .left_img {
     width: 182px;
     float: left;
     margin-right: 8px;
 }

 .title_row .title_item,
 .img_title_row .img_title_item {
     width: 389px;
     float: left;
     border-right: 1px solid #dcdcdc;
     padding-right: 20px;
     padding-left: 20px;
 }

 .title_row .title_item .year_title_s {
     //font-size: 17px;
     line-height: 22px;
 }

 .title_row .title_item:first-child,
 .img_title_row .img_title_item:first-child {
     padding-left: 0;
 }

 .title_row .title_item:last-child,
 .img_title_row .img_title_item:last-child {
     border-right: none;
 }

 .session_box2 {
     width: 100%;
     //height: 1000px;
     background: url(../img/box2_bg.jpg);
     background-size: 100%;
     background-repeat: no-repeat;
 }

 .tag_title {
     width: auto;
     height: 43px;
     margin-top: 22px;
     margin-bottom: 22px;
     //background-size: 100%;
     //background-repeat: no-repeat;
 }

 .opinion_tag {
     //background: url(../img/tag_op.png);
     //background-size: 100%;
     background-repeat: no-repeat;
 }

 .depu_tag {
     //background: url(../img/tag_depu.png);
     background-repeat: no-repeat;
 }

 .video_tag {
     //background: url(../img/tag_video.png);
     background-repeat: no-repeat;
 }

 .info_tag {
     margin-bottom: 0;
     //background: url(../img/tag_info.png);
     background-repeat: no-repeat;
 }

 .photo_tag {
     //background: url(../img/tag_photo.png);
     background-repeat: no-repeat;
     margin-bottom: 28px;
     margin-top: 84px;
 }

 .session_box2 {
     padding-bottom: 60px;
 }

 .session_box2 .left_col {
     width: 688px;
     float: left;
 }

 .session_box2 .in_divider {
     margin-top: 20px;
     margin-bottom: 20px;
 }

 .session_box2 .left_col .left_left_content {
     width: 473px;
     float: left;
     border-right: 1px solid #dfdfdf;
     padding-right: 15px;
 }

 .session_box2 .left_col .left_left_content .left_left_top .year_title_22 {
     margin-top: 22px;
 }

 .session_box2 .left_col .left_left_content .left_left_bot .left_img {
     width: 188px;
     float: left;
     margin-right: 9px;
 }

 .session_box2 .left_col .left_right_content {
     width: 214px;
     float: left;
     padding-left: 11px;
     padding-right: 12px;
     border-right: 1px solid #dfdfdf;
 }

 .session_box2 .left_col .left_right_content .left_right_item .year_title_s {
     display: block;
     margin-bottom: 6px;
 }

 .session_box2 .right_col {
     width: 482px;
     float: left;
     padding-left: 55px;
 }

 .session_box2 .right_col .right_b_img .year_title_m {
     display: block;
     margin-top: 16px;
     line-height: 26px;
 }

 .session_box2 .right_col .right_item .left_img {
     width: 108px;
     float: left;
     margin-right: 10px;
 }

 .session_box3 {
     margin-top: 28px;
     margin-bottom: 70px;
 }

 .session_box3 .session_video .left_b_video {
     width: 803px;
     float: left;
     margin-right: 35px;
 }

 .session_box3 .session_video .left_b_video .year_title_23 {
     margin-top: 13px;
 }

 .session_box3 .session_video .right_videos {
     width: 332px;
     float: left;
 }

 .session_box3 .session_video .right_videos .video_item:not(:last-child) {
     margin-bottom: 26px;
 }

 .session_box3 .session_video .right_videos .video_item .year_title_s {
     margin-top: 11px;
 }

 .session_box4 {
     width: 100%;
     background: url(../img/box3_bg.jpg);
     background-size: 100%;
     background-repeat: no-repeat;
     padding-top: 48px;
     padding-bottom: 48px;
 }

 .session_info .swiper-slide .year_title_s {
     margin-top: 20px;
     font-size: 20px;
 }

 #banner .swiper-slide {
     width: 650px;
     height: 390px;
 }

 .swiper-button-next,
 .swiper-button-prev {
     font-family: ScalaOT Regular;
     position: absolute;
     top: 40% !important;
     width: 46px !important;
     height: 46px !important;
     margin-top: -20px !important;
     font-size: 60px !important;
     font-weight: 100 !important;
     line-height: 30px !important;
     color: #ffffff !important;
     text-align: center !important;
     background: #222222 !important;
     border: 3px solid #ffffff !important;
     -webkit-border-radius: 23px !important;
     -moz-border-radius: 23px !important;
     border-radius: 24px !important;
     opacity: 0.5 !important;
     background-image: unset !important;
     z-index: 10 !important;
     outline: none;
 }

 #info_swiper .swiper-button-next {
     //right: -40px;
 }

 .main_nav {}

 .top_video {
     position: absolute; //视频定位方式设为固定
     top: 0;
     right: 0;
     //bottom: 0;//视频位置
     min-width: 100%;
     min-height: 100%; //不会因视频尺寸造成页面需要滚动
     width: auto;
     height: auto; //尺寸保持原视频大小
     z-index: -100; //z轴定位，小于0即可
     -webkit-filter: grayscale(20%); //添加灰度蒙版，如果设定为100%则视频显示为黑白
 }

 .top_box {
     margin-top: 470px;
     position: relative;
 }

 .top_box .nav_top {
     margin-bottom: 32px;
     padding-bottom: 6px;
     /*border-bottom: 1px solid #f5ee77;*/
 }

 .top_box .nav_top ul {
     text-align: center;
     padding-bottom: 6px;
     /*border-bottom: 1px solid #f5ee77;*/
 }

 .top_box .nav_top ul li {
     display: inline-block;
     padding-left: 23px;
     //padding-right: 23px;
     text-align: center;
     //border-right: 2px solid #AA7607;
 }

 .top_box .nav_top ul li .nav_div {
     height: 18px;
     width: 1px;
     background-color: #ffffff;
     padding: 1px;
     //border: 0.5px solid #AA7607;
 }

 .top_box .nav_top ul li:last-child {
     border-right: none;
 }

 .top_box .nav_top ul li a {
     padding-right: 23px;
     vertical-align: middle;
     font-size: 18px;
     font-family: Helvetica Neue;
     line-height: 24px;
     text-shadow: 1px 1px 1px #AA7607;
     /*color:#aa7607;*/
 }

 .session_photo .swiper-container {
     padding-bottom: 48px;
 }

 #footer {
     border-top: 1px solid #E6E6E6;
     padding-top: 40px;
     margin-top: 40px;
 }

 #footer .footer_nav {
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
     flex: 1 1 0;
     flex-wrap: nowrap;
     display: -webkit-flex;
     -webkit-flex-wrap: nowrap;
     -webkit-justify-content: flex-start;
     -webkit-align-items: flex-start;
 }

 #footer .footer_nav .footer_column {
     width: 160px;
     //margin-right: 20px;
 }

 #footer .footer_nav .footer_column .cloumn_name {
     font-size: 16px;
     font-family: ScalaOT Regular, ScalaOT;
     font-weight: bold;
     color: rgba(18, 18, 18, 1);
     line-height: 20px;
     margin-bottom: 25px;
 }

 #footer .footer_nav .footer_column .cloumn_content ul li a {
     font-size: 14px;
     font-family: HelveticaNeue Light, HelveticaNeue;
     font-weight: 300;
     color: #666666;
     line-height: 22px;
 }

 #footer .footer_share {
     height: 70px;
     margin-top: 35px;
     padding-bottom: 20px;
     //margin-bottom: 35px;
     border-bottom: 1px solid #8F9091;
 }

 #footer .footer_share .footer_logo {
     float: left;
     width: 116px;
     height: 50px;
 }

 #footer .footer_share .iconfont {
     float: right;
     font-size: 20px;
     //width: 20px;
     //height: 20px;
     margin-left: 38px;
     margin-top: 15px;
     cursor: pointer;
 }

 #footer .footer_info {
     margin: 0 auto;
     margin-top: 30px;
     text-align: center;
 }

 #footer .footer_info ul {
     display: inline-block;
 }

 #footer .footer_info ul li {
     float: left;
 }

 #footer .footer_info ul li a {
     font-size: 16px;
     font-family: ScalaOT Regular, ScalaOT;
     font-weight: 400;
     color: rgba(51, 51, 51, 1);
     line-height: 28px;
     height: 28px;
 }

 #footer .footer_info ul li:not(:last-child):after {
     content: "";
     border-right: 1px solid #8C8C8C;
     height: 20px;
     display: inline-block;
     margin-left: 20px;
     margin-right: 20px;
     vertical-align: middle;
 }

 #footer .footer_info .copy_right {
     font-size: 16px;
     font-family: ScalaOT Regular, ScalaOT;
     color: rgba(0, 0, 0, 0.25);
     height: 28px;
     line-height: 28px;
     margin-top: 20px;
     margin-bottom: 20px;
 }

 #top_bg {
     display: block;
 }

 .session_photo .swiper-slide a p {
     width: 100%;
     color: #ffffff;
     font-size: 22px;
     font-family: ScalaOT Bold;
     font-weight: 500;
     line-height: 24px;
     position: absolute;
     bottom: 0;
     margin-bottom: 0;
     padding-top: 4px;
     padding-left: 10px;
     height: 54px;
     background: rgba(0, 0, 0, 0.7);
 }

 .video-js .vjs-big-play-button {
     line-height: 2em !important;
     width: 2em !important;
     height: 2em !important;
     border: none !important;
     border-radius: unset !important;
     background-color: unset !important;
     background: rgba(0, 0, 0, .5) !important;
 }

 @media (max-width: 768px) {
     .container {
         width: 100%;
         padding-left: 15px;
         padding-right: 15px;
         margin-left: auto;
         margin-right: auto;
     }

     .row {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
     }

     .p_full_container {
         padding-left: 0;
         padding-right: 0;
     }

     .year_title_23,
     .year_title_22,
     .year_title_l {
         font-size: 20px;
         line-height: 26px;
     }

     .img_title_row .img_title_item .year_title_s {
         margin-top: 8px;
     }

     .top_box {
         margin-top: 120px;
     }
    .top_box .nav_top{
        margin-bottom: 0;
        padding-bottom: 0;
    }
     .top_box .nav_top ul {
         text-align: left;
     }

     .top_box .nav_top ul li {
         padding-left: 4px;
         padding-right: 6px;
         margin-bottom: 10px;
         border-right: none;
     }

     .top_box .nav_top ul li a {
         font-size: 14px;
         color: #b7000c;
         text-shadow: 1px 1px 1px #ffffff;
         padding-right: 0;
     }

     .year_section01 .year_sec01_left {
         width: 100%;
         border-right: none;
         padding-right: 0;
     }

     .on_p {
         display: block;
     }

     .year_section01 .year_sec01_mid {
         width: 100%;
         padding-left: 0;
         padding-right: 0;
         border-right: none;
     }

     .year_section01 .year_sec01_right {
         width: 100%;
         padding-left: 0;
     }

     .title_row .title_item,
     .img_title_row .img_title_item {
         float: none;
         width: 100%;
         border-right: none;
         padding-right: 0;
         padding-left: 0;
         //margin-bottom: 20px;
     }

     .img_title_row .img_title_item .left_img {
         float: none;
         width: 100%;
         margin-right: 0;
     }

     .img_title_row_list .in_divider {
         margin-top: 20px;
         margin-bottom: 20px;
     }

     .session_box2 .left_col {
         width: 100%;
     }

     .session_box2 .left_col .left_left_content {
         width: 100%;
         border-right: none;
         padding-right: 0;
     }

     .session_box2 .left_col .left_left_content .left_left_top .year_title_22 {
         margin-top: 12px;
     }

     .session_box2 .left_col .left_left_content .left_left_bot .left_img {
         float: none;
         width: 100%;
         margin-right: 0;
     }

     .session_box2 .left_col .left_left_bot .year_title_s {
         margin-top: 12px;
         margin-bottom: 6px;
     }

     .session_box2 .left_col .left_right_content {
         width: 100%;
         padding-left: 0;
         padding-right: 0;
         border-right: none;
     }

     .depu_tag {
         margin-top: 0;
     }

     .session_box2 .right_col {
         width: 100%;
         padding-left: 0;
     }

     .session_box2 {
         padding-bottom: 0;
     }

     .session_box3 {
         margin-top: 0;
         margin-bottom: 0;
     }

     .session_box3 .session_video .left_b_video {
         width: 100%;
         margin-right: 0;
     }

     .session_box3 .session_video .right_videos {
         width: 100%;
     }

     .session_box3 .in_divider {
         margin-top: 20px;
         margin-bottom: 20px;
     }

     .session_info .swiper-slide .year_title_s {
         margin-top: 12px;
     }

     .session_box4 {
         padding-top: 20px;
         padding-bottom: 0;
     }

     .photo_tag {
         margin-top: 0;
     }

     #banner .swiper-slide {
         width: 100%;
         height: 100%;
     }

     #banner .swiper-slide a p {
         display: none;
     }

     #banner .swiper-slide-active a p {
         display: block;
     }

     .p_full_container .year_divider {
         width: 100%;
         height: 5px;
         background-color: #E6E6E6;
         opacity: 0.5;
     }

     .img_title_row_list .div02 {
         display: none;
     }

     .session_box2 .right_col .right_item:after {
         content: "";
         display: block;
         clear: both;
     }

     .session_box2 .right_col .right_item .right_title {
         float: left;
         width: calc(100% - 118px);
     }

     .tag_title {
         margin-top: 0;
     }

     .p_full_container .box_div {
         display: block;
     }

     #footer .footer_nav {
         display: none;
     }

     #footer .footer_share {
         border-bottom: none;
     }

     #footer .footer_share .footer_logo {
         width: 65px;
         height: 28px;
     }

     #footer .footer_share .iconfont {
         margin-top: 0;
     }

     #footer .footer_info {
         margin-bottom: 60px;
         margin-top: 0;
     }

     #footer .footer_info ul li {
         width: 50%;
         text-align: left;
     }

     #footer .footer_info ul li:not(:last-child):after {
         display: none;
     }

     #footer .footer_info .copy_right {
         display: none;
     }

     .session_photo .swiper-container {
         padding-bottom: 0;
     }

     #top_bg {
         display: block;
     }

     #bf_video {
         display: none;
     }

     .session_photo .swiper-slide a p {
         font-size: 18px;
         line-height: 22px;
         height: 52px;
         bottom: 0;
         margin-bottom: 0;
     }

     .tag_title {
         height: 36px;
     }

     .top_box .nav_top ul li {
         //padding-right: 0;
     }

     .top_box .nav_top ul li .nav_div {
         display: none;
     }
 }