.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.Science-in-Beijing{
    max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
/* 内容一 */
#Science-in-Beijing-box1{
    height: 1080px;
    position: relative;
    background: url(./Science-in-Beijing-box1-bg.jpg) top center no-repeat;
    background-size: cover;
}
.htmlcanvas2{
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.htmlcanvas3{
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.Science-list1{
    width: 1200px;
    height:1080px;
    margin: 0 auto;
    overflow: hidden;
}
.Science-list1-con{
    width: 1200px;
    margin: 0 auto;
}
.Science-list1-title{
    padding: 120px 0 65px;
}
.Science-list1-title a{
    color: #003b78;
    font-size: 46px;
}
.Science-list1-title span{
    display: block;
    width: 100px;
    height: 4px;
    margin-top: 14px;
    background: #009fff;
}
.Science-list1-con-list{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.Science-list1-con-list ul{
    width: 1120px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.Science-list1-con-list li{
    position: relative;
    height: 350px;
}
.Science-list1-con-list li:first-child{
    margin-bottom: 20px;
}
.Science-list1-con-list li a{
    display: block;
    width: 100%;
    height: 100%;
}
.Science-list1-con-list-1{
    width: 700px;
}
.Science-list1-con-list-2{
    width: 400px;
}
.Science-list1-con-list-img,
.Science-list1-con-list-img img{
    width: 100%;
    height: 100%;
}
.Science-list1-con-list-img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.Science-list1-con-list-txt{
    width: 100%;
    height: 48px;
    line-height: 48px;
    padding: 0 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    font-size: 20px;
    color: #fff;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url(./Science-list1-txtBg.png) left bottom;
}
.Science-list1-con-list-more{
    width: 62px;
    background: url(./Science-in-Beijing-box1-more.png) center #add0f4 no-repeat;
}
.Science-list1-con-list-more a{
    display: block;
    width: 100%;
    height: 100%;
}
/* 内容二 */
#Science-in-Beijing-box2{
    height: 1080px;
    background: url(./Science-in-Beijing-box2-bg.jpg) top center no-repeat;
    background-size: cover;
}
.Science-list2-con{
    width: 100%;
    height: 100%;
    position: relative;
}
.htmlcanvas1{
    width: 20%;
    height: 568px;
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.Science-list2-con-list{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.Science-list2-con li{
    position: absolute;
    transition: all .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 20;
    border-radius: 100%;
}
.Science-large{
    width: 212px;
    height: 212px;
    top: 378px;
    left: 494px;
}
.Science-large a{
    font-size: 46px;
    color: #fff;
    text-align: center;
}
.Science-in{
    width: 168px;
    height: 168px;
    background: #fff;
}
.Science-in a{
    font-size: 22px;
    color: #004ea2;
    display: block;
    text-align: center;
    font-weight: bold;
}
.Science-in a span{
    display: inline-block;
    width: 100%;
}
.Science-in-img{
    margin-bottom: 5px;
}
.Science-in-1{
    top: 186px;
    left: 241px;
}
.Science-in-2{
    top: 294px;
    right: 253px;
}
.Science-in-3{
    width: 165px;
    height: 165px;
    top: 526px;
    left: 255px;
}
.Science-in-4{
    width: 195px;
    height: 200px;
    bottom: 231px;
    right: 406px;
}
.Science-in-small{
    width: 122px;
    height: 122px;
    border-radius: 100%;
    position: absolute;
    box-sizing: border-box;
    border: 2px solid #99ffff;
    padding: 4px;
}
.Science-in-small a{
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: 100%;
    font-size: 20px;
    color: #fff;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    border: 2px solid #99ffff;
}
.Science-in-2-small-1{
    top: -162px;
    left: -110px;
}
.Science-in-2-small-2{
    top: -207px;
    left: 100px;
}
.Science-in-2-small-3{
    right: -156px;
    bottom: -60px;
}
.Science-in-3-small-1{
    top: -16px;
    left: -200px;
}
.Science-in-3-small-2{
    bottom: -168px;
    left: -102px;
}
.Science-in-4-small-1{
    top: -55px;
    right: -185px;
}
.Science-in-4-small-2{
    bottom: -60px;
    right: -228px;
}
/* 内容三 */
#Science-in-Beijing-box3{
    height: 1080px;
    background: url(./Science-in-Beijing-box3-bg.jpg) top center no-repeat;
    background-size: cover;
}
.Science-list3-con{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.Science-list3-con .swiper-container{
    padding: 10px 0;
}
.Science-list3-con .Science-list1-title{
    padding: 148px 0 95px;
    text-align: center;
}
.Science-list3-con .Science-list1-title span{
    margin: 14px auto;
}
.Science-list3-con .swiper-slide{
    width: 220px;
    height: 434px;
    float: left;
    color: #fff;
    font-size: 22px;
    text-align: center;
    position: relative;
    box-shadow: 0 0 10px #333;
}
.Science-list3-con-div{
    width: 220px;
    height: 434px;
    position: relative;
}
.Science-list3-img{
    width: 220px;
    height: 246px;
}
.Science-list3-img a,
.Science-list3-img a img{
    display: block;
    width: 100%;
    height: 100%;
}
.Science-list3-title{
    width: 220px;
    height: 188px;
    line-height: 1.556;
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 20px 20px 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.Science-list3-con-div p{
    width: 180px;
    white-space: nowrap;
    font-size: 18px;
}
.Science-list3-title a{
    color: #fff;
    font-size: 18px;
}
.Science-list3-li-1 .Science-list3-title{
    background: url(./Science-list3-bg1.jpg) bottom left no-repeat;
    background-size: cover;
}
.Science-list3-li-2 .Science-list3-title{
    background: url(./Science-list3-bg2.jpg) bottom left no-repeat;
    background-size: cover;
}
.Science-list3-li-3 .Science-list3-title{
    background: url(./Science-list3-bg3.jpg) bottom left no-repeat;
    background-size: cover;
}
.swiper-button-prev,.swiper-button-next{
    width: 29px;
    height: 68px;
    position: absolute;
    top: calc(50% - 16px);
}
.swiper-button-prev{
    background: url(./Science-list3-left.png) no-repeat;
    left: 130px;
}
.swiper-button-next{
    background: url(./Science-list3-right.png) no-repeat;
    right: 130px;
}
.Science-list3-left-shadow,.Science-list3-right-shadow{
    width: 110px;
    height: 434px;
    position: absolute;
    bottom: 10px;
    z-index: 20;
}
.Science-list3-left-shadow{
    left: 0;
    background: url(./Science-list3-Lshadow.png) no-repeat;
    background-size: cover;
}
.Science-list3-right-shadow{
    right: 0;
    background: url(./Science-list3-Rshadow.png) no-repeat;
    background-size: cover;
}
/* 内容四 */
#Science-in-Beijing-box4{
    height: 1080px;
    background: url(./Science-in-Beijing-box4-bg.jpg) top center no-repeat;
    background-size: cover;
}
.Science-list4-con{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.Science-list4-con-list{
    width: 1200px;
    height: 650px;
    margin: 0 auto;
}
.Science-list4-title{
    text-align: center;
    padding: 215px 0 0 0;
}
.Science-list4-title p{
    font-size: 46px;
    color: #fff;
}
.Science-list4-title span{
    display: inline-block;
    width: 220px;
    height: 4px;
    background: #3de4f3;
}
.Science-list4-details{
    font-size: 20px;
    color: #fff;
    text-align: justify;
    line-height: 2;
    margin-top: 90px;
}
.Science-list4-banner{
    width: 1200px;
    height: 104px;
    margin-top: 150px;
}
.Science-list4-banner a,.Science-list4-banner a img{
    display: block;
    width: 100%;
    height: 100%;
}
/* 固定导航样式 */
.Science-fixed{
    width: 122px;
    height: 422px;
    position: fixed;
    right: 20px;
    top: calc(50% - 210px);
    z-index: 100;
    background: url(./Science-fixed-bg.png) no-repeat;
}
.Science-fixed ul{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.Science-fixed ul li{
    width: 100px;
    text-align: center;
    margin-bottom: 30px;
    cursor: pointer;
}
.Science-fixed ul li div{
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #fff;
}
.Science-fixed ul li:last-child{
    margin-bottom: 0;
}
.Science-fixed ul li div:first-child{
    margin-bottom: 10px;
}
.Science-fixed ul li.active div{
    color: #0d69dd;
}
/* 呼吸灯效果 */
.scrollMore{
    width: 39px;
    height: 35px;
    /* background: url(./scrollMore.png) no-repeat; */
    position: absolute;
    bottom: 10px;
    left: calc(50% - 20px);
    z-index: 10;
    /* IE10、Firefox and Opera，IE9以及更早的版本不支持 */
    animation-name: breath;                         /* 动画名称 */
    animation-duration: 3s;                         /* 动画时长3秒 */
    animation-timing-function: ease-in-out;         /* 动画速度曲线：以低速开始和结束 */
    animation-iteration-count: infinite;            /* 播放次数：无限 */
 
    /* Safari and Chrome */
    -webkit-animation-name: breath;                 /* 动画名称 */
    -webkit-animation-duration: 3s;                 /* 动画时长3秒 */
    -webkit-animation-timing-function: ease-in-out; /* 动画速度曲线：以低速开始和结束 */
    -webkit-animation-iteration-count: infinite;    /* 播放次数：无限 */
}
@keyframes breath {
    from { opacity: 0.1; }                          /* 动画开始时的不透明度 */
    50%  { opacity:   1; }                          /* 动画50% 时的不透明度 */
    to   { opacity: 0.1; }                          /* 动画结束时的不透明度 */    
}