*{
    padding: 0;
    margin: 0;
}


.ess-content img{
width:100%;
}
.sec2{
width: 54.583333vw;
margin: 7.083333vw auto 0;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
}

.sec2 .sec2-txt > h2{
font-size: 1.458333vw;
line-height: 1.25;
font-weight: 600;
}

.sec2 .sec2-txt > p{
font-size: 1.25vw;
line-height: 1.6;
font-weight: 500;
margin-top: 1.5625vw;
color: #86868B;
}

.sec2  .sec2-txt > p > strong{
font-weight: 600;
color: #000;
}
.sec2-txt{
width: 100%;
}

.sec2-img{
width: 12.708333vw;
margin-left: 1.25vw;
}

.sec2-footer{
display: flex;
align-items: center;
margin-top: 1.458333vw;
text-align: right;
}

.sec2-footer-txt h2{
font-size: 1.458333vw;
line-height: 1.25;
}

.sec2-footer-txt p{
font-size: 1.041667vw;
line-height: 1.6;
margin-top: 0.364583vw;
}


.sec4{
    background: rgb(245,248,255, 0.7);
}
.sec4-materials > h2{
    font-size: 1.875vw;
    color: #191919;
    letter-spacing: 0;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 3.75vw;
    font-weight: bold;
}


.sec4-materials{
    width: 66.666667vw;
    margin: auto;
    padding: 6.25vw 0;
    text-align: center;
}
.sec4-list{
    display: flex;
    justify-content: space-between;
}
.sec4  a {
    width: 26.875%;
    background: #FFFFFF;
    box-shadow: 0 16px 30px 0 rgba(16, 47, 89, 0.10);
    padding: 1.197917vw 0.9375vw 1.302083vw;
    border-radius: 1vw !important;
    text-decoration: none;
    overflow: hidden;
}
.sec4 a:hover {
    box-shadow: 0 0 40px -15px #666666;
}
.sec4  a  h3{
    font-size: 0.804167vw;
    color: #191919;
    letter-spacing: 0;
    text-align: center;
    line-height: 1.6;
    height: 3vw;
}
.sec4 a:visited {
    border-radius: 1vw;
}
.sec4 a:active {
    border-radius: 1vw;
}

.sec4 a{
    background-color:none;
    outline: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.sec-speakers > h2{
    text-align: center;
    font-size: 2.5vw;
    line-height: 1.25;
    font-weight: 500;
    margin-bottom: 1.40625vw;
}

.sec-speakers-list{
    width: 82.34375vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}


.sec-speakers-item{
    width: 19.375vw;
    padding-top: 2.5vw;
    margin-top: 1.875vw;
    border: 3px solid #E5E5EF;
    box-sizing: border-box;
    border-radius: 1vw;
    text-align: center;
    padding-left: 0.2vw;
    padding-right: 0.2vw;
}
.sec-speakers-item img{
    width: 10vw;
}

.sec-speakers-item h3{
    font-size: 1.25vw;
    line-height: 1.25;
    width: 100%;
    color:#95B2EF ;
}
.sec-speakers-item p{
   font-size: 0.833333vw;
   line-height: 1.6;
   color: #000;
   width: 100%;
   margin-top: 0.416667vw;
}
.sec-speakers-item p:first-of-type{
    font-weight: 600;
    color: #000;
}
.sec-speakers-item > div{
    height: 8.177083vw;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.sec-speakers{
    margin-top: 5.208333vw;
    margin-bottom: 5.625vw;
}

/* 一排四个 多出来仨 */
.sec-speakers-item:last-child:nth-child( 4n + 3){
    /* 让最后一个的间距等于一个元素的宽度 */
    margin-right: calc( (100% - 19.375vw) / 3 * 1);
}

/* wo */
.kv{
    position: relative;
}
.kv img{
   vertical-align: middle;
}
.kv a{
    font-size: 1.458333vw;
    padding: 0.5vw 1vw;
    color: white;
    background-color: #c8000b;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    left: 9.4vw;
}
.sec-center{
    width: 100%;
    text-align: center;
    margin-top: 2.083333vw;
    font-size: 1.458333vw;
    line-height: 1.25;
}
.sec-center img{
    width: 16.09375vw;
    height: 16.041667vw;
    margin: 1.5625vw auto .833333vw;
}
.sec-center .tow-button{
    width: 15vw;
    height: 2.96875vw;
    font-size: 1.458333vw;
    color:white;
    background-color: #808aeb;
    border-radius: .260417vw;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.sec-bottom{
    width: 100%;
    text-align: left;
    font-size: 1.25vw;
    color: #86868B;
    margin-top: 2.083333vw;
    line-height: 1.6;
}
.sec-bottom p{
    margin-bottom: 1.5625vw;
}
.sec-bottom .sec-bottom-p{
    margin-bottom:0;
}
.sec-bottom strong{
    font-weight: 600;
    color: #000;
}
.ecc-table{
    width: 82.395833vw;
    margin: 0 auto  9.375vw;
}
.ecc-table table{
    border-collapse: collapse;
    width: 100%;
}
.ecc-table table td{
    padding: 0.5vw;
    border: 1px #cfcdcd solid;
    text-align: center;
    font-size: 1vw;
}
.ecc-table table .tr-color{
    background-color: #d4e5e5;
    color: #000;
    font-weight: 600;
}
.ecc-table table .tr-left{
    text-align: left;
    font-weight: 600;
}
.ecc-video{
    width: 66.666667vw;
    margin: 0 auto;
}
.ecc-video h2{
    font-size: 1.875vw;
    color: #191919;
    letter-spacing: 0;
    text-align: center;
}
.ecc-video .ecc-video-box{
    width: 100%;
    height: 37.5vw;
    position: relative;
    margin-top: 4.6875vw;
}
.ecc-video .ecc-video-box .ecc-video-img{
    width: 100%;
    height: 100%;
}
.ecc-video .ecc-video-box video{
    width: 100%;
    /* display: none; */
}
.ecc-video .ecc-video-box .ecc-video-icon{
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5.208333vw;
    height: 5.208333vw;
    z-index: 2;
    cursor: pointer;
}
.sec-speakers > h3{
    width: 82.34375vw;
    margin: 0 auto;
    font-size: 1.25vw;
    line-height: 1.25;
    text-align: center;
}
.ecc-table h2{
    text-align: center;
    font-size: 2.5vw;
    line-height: 1.25;
    font-weight: 500;
    margin-bottom: 1.40625vw;
}
@media screen and (max-width: 1280px){
    .kv{
        margin-top: 80px;
    }
}
@media(max-width: 768px){

.sec2 {
    width: 89.027778vw;
    margin: 18.888889vw auto 0;
}
.sec2 .sec2-txt > h2 {
    font-size: 3.888889vw;
}
.sec2 .sec2-txt > p {
    font-size: 3.333333vw;
    margin-top: 4.166667vw
}
.sec2-footer-txt h2 {
    font-size: 3.888889vw;
}
.sec2-footer-txt p {
    font-size: 2.777778vw;
}
.sec2-footer {
    display: flex;
    align-items: center;
    margin-top: 4.166667vw;
}
.sec2-img {
    width: 26.111111vw;
}
.sec4-materials {
    width: 87.222222vw;
    padding: 16.666667vw 0;
}
.sec4-materials > h2 {
    font-size: 6.666667vw;
}

.sec4-list {
    flex-wrap: wrap;
}
.sec4 a{
    width: 100%;
    display: flex;
    padding: 5vw 0;
    background: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.sec4 a div {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.sec4 a div img {
    width: 13.333333vw;
    margin-right: 5.277778vw;
}
.sec4 a h3 {
    height: auto;
    font-size: 4.444444vw;
text-align: left;
}
.sec4 a:hover{
    box-shadow: none;
}

.sec-speakers {
    margin-top: 16.666667vw;
    margin-bottom: 11.111111vw;
}

.sec-speakers > h2 {
    font-size: 5.555556vw;
    margin-bottom: 3.333333vw;
}
.sec-speakers-list {
    width: 88.888889vw;
}

.sec-speakers-item {
    width: 43.055556vw;
    padding-top: 6.666667vw;
    margin-top: 3.333333vw;
    border: 2px solid #E5E5EF;
    border-radius: 2vw;
}
.sec-speakers-item img {
    width: 26.666667vw;
}
.sec-speakers-item > div {
    height: 45.222222vw;
}
.sec-speakers-item h3 {
    font-size: 3.333333vw;
}
.sec-speakers-item p {
    font-size: 2.222222vw;
    margin-top: 1.388889vw;
}
.sec-speakers-item:last-child:nth-child( 4n + 3){
    margin-right:0;
}
/* wo */
.kv{
    margin-top: 0;
}
.kv a{
    font-size: 3.333333vw;
    padding: 1vw 2vw;
    bottom: 98.611111vw;
    left: 8.888889vw;
}
.ecc-table{
    width: 88.888889vw;
    margin: 0 auto 16.666667vw;
}
.ecc-table table td {
    font-size: 3.333333vw;
    padding: 3.260417vw;
    color: #86868B;
}
.ecc-video{
    width: 86.666667vw;
}
.ecc-video h2{
    font-size: 6.666667vw;
}
.ecc-video .ecc-video-box{
    height: 48.75vw;
    margin-top: 8.333333vw;
}
.ecc-video .ecc-video-box .ecc-video-img{
    border-radius: 3.333333vw;

}
.ecc-video .ecc-video-box video{
    border-radius: 3.333333vw;
}
.ecc-video .ecc-video-box .ecc-video-icon{
    width: 13.333333vw;
    height: 13.333333vw;
}
.sec-center{
    margin-top: 5.555556vw;
    font-size: 3.888889vw;
}
.sec-center img{
    width: 42.916667vw;
    height: 42.777778vw;
    margin: 4.305556vw auto 2.222222vw;
}
.sec-center .tow-button{
    width: 40vw;
    height: 7.916667vw;
    font-size: 3.888889vw;
}
.sec-bottom{
    margin-top: 4.166667vw;
    font-size: 3.333333vw;
}
.sec-bottom p{
    margin-bottom: 4.166667vw;
}
.sec-speakers > h3{
    width: 88.888889vw;
    font-size: 3.333333vw;
}
.ecc-table h2{
    font-size: 5.555556vw;
    margin-bottom: 3.333333vw;
}
}

