.container1 {
    height:370px;width:100%;
}
.container1 .main3 {
    box-sizing: border-box;position:absolute;left:0;top:110px;
}
.container1 .main3 img{
    width:20px;height:21px;position:relative;
}
.container1 .main3 .cn{
    font-size:36px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:#fff;
    margin-top:16px;
}
.container1 .main3 .en{
    font-size:14px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold;color:#fff;
    margin-top:7px;
}
.container2 {
    background:#f2f2f2;height:375px;
}
.container2 .center_area{
    background-color: #fff;height:100%;
}
.container2 .main{
    display:flex;flex-direction: row;padding:56px 33px;box-sizing: border-box;
    justify-content: space-between;
}
.container2 .main div{
    font-size:13px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400;color:rgba(74,74,74,1);
    line-height:24px;width:262px;
}
.container2 .main img{
    width:400px;height:253px;
}
.container3 {
    background-color:#C4C6ED;height:471px;
}
.container3 .main {
    display: flex;flex-direction: row-reverse;
}
.container3 .main .left{
    position:relative;
}
.container3 .main .left img{
    width:506px;height:427px;margin-top:22px;margin-right:75px;
}
.container3 .main .right{
    width:514px;height:471px;background-color:#E3E4F6;
    padding:80px 105px 45px 45px;box-sizing: border-box;
}
.container3 .main .right .en{
    font-size:36px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold;color:rgba(74,74,74,1);
    line-height:43px;
}
.container3 .main .right .cn{
    font-size:18px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(74,74,74,1);
    line-height:25px;
}
.container3 .main .right .content {
    font-size:13px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400;color:rgba(74,74,74,1);
    line-height:24px;margin-top:20px;
}
.container3 .main .right .items {
    margin-top:70px;display:flex;flex-direction: row;flex-wrap:wrap;
}
.container3 .main .right .items div{
    color:#fff;background-color: #999;height:18px;line-height:18px;padding-left:10px;padding-right:10px;
    margin-right:15px;margin-bottom:16px;border-radius: 6px;cursor: pointer;
    font-size:12px;transition: all 400ms;
}
.container3 .main .right .items div:hover{
    background-color:#B39EBA;transition: all 400ms;
}
.container3 .main .right .items div.active{
    background-color:#6D0FF2;
}
.container3 .main .left .location{
    position:absolute;width:17px;height:25px;right:50px;top:56px;
    -webkit-animation:bounce-up 0.8s linear infinite;
    animation:bounce-up 0.8s linear infinite;
}
.container4 {
    background-color:#CBDEFF;height:453px;
}
.container4 .main{
    display:flex;flex-direction: row;
}
.container4 .main .right{

}
.container4 .main .right img{
    width:684px;height:365px;margin-top:41px;
}
.container4 .left{
    margin-top:90px;padding-left:20px;margin-right:90px;
}
.container4 .left .en{
    font-size:36px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold;color:rgba(12,59,66,1);
    line-height:36px;
}
.container4 .left .cn{
    font-size:18px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(74,74,74,1);
    line-height:25px;
}
.container4 .left .content {
    font-size:13px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;color:rgba(74,74,74,1);
    line-height:24px;width:300px;margin-top:20px;
}
@-webkit-keyframes bounce-up {
    25% { -webkit-transform: translateY(4px); }
    50%, 100% { -webkit-transform: translateY(0); }
    75% { -webkit-transform: translateY(-4px); }
}

@keyframes bounce-up {
    25% { transform: translateY(4px); }
    50%, 100% { transform: translateY(0); }
    75% { transform: translateY(-4px); }
}