* {
           margin: 0;
           padding: 0;
       }

       .top {
           width: 1920px;
           height: 600px;
           overflow: hidden;
           background: url(/img/idx/top.png) no-repeat;
           background-position: center;
           margin: 0 auto;
       }

       .top .box1 {
           width: 788px;
           height: 290px;
           margin: 105px auto auto 361px;
       }

       .top .title1 {
           font-weight: bold;
           font-size: 30px;
           color: #FEFEFE;
       }

       .top p {
           font-size: 16px;
           color: #FEFEFE;
           line-height: 30px;
       }

       .top .box2 {
           height: 80px;
           margin: 100px auto auto 463px;
       }

       .top .box2 .hezi {
           float: left;
           height: 100%;
           margin: auto 222px auto auto;
       }

       .top .hezi .hezi1 {
           font-weight: bold;
           font-size: 40px;
           color: #FFFFFF;
       }

       .top .hezi .hezi2 {
           font-weight: 500;
           font-size: 18px;
           color: #FFFFFF;
       }

       .top .hezi .hezi3 {
           color: rgba(255, 255, 255, 0.8);
           margin: 10px auto auto;
           text-align: center;
       }



       .body1 {
           position: relative;
           width: 1920px;
           height: 720px;
           background: #FFFFFF;
           margin: 0 auto;
       }

       .body1 .title1 {
           position: absolute;
           top: 0;
           left: 770px;
           font-weight: 500;
           font-size: 32px;
           color: rgba(1, 76, 170, 0.1);
           line-height: 10px;
       }

       .body1 h3 {
           width: 130px;
           font-weight: 500;
           font-size: 32px;
           color: #020814;
           margin: 72px auto;
       }

       .body1 .box {
           width: 1200px;
           height: 480px;
           margin: 0 auto;
       }

       .body1 .left {
           float: left;
           width: 400px;
           height: 480px;
       }

       .body1 .right {
           float: right;
           overflow: hidden;
           width: 720px;
           height: 480px;
           border-radius: 16px;
           background-position: center center;
           background-repeat: no-repeat;
           background-size: cover;
       }

       .flowpic img {
           position: relative;
           width: 720px;
           height: 480px;
       }

       .body1 .right .anniu {
           position: absolute;
           width: 660px;
           margin-top: -270px;
           margin-left: 30px;
           display: none;
       }

       .body1 .right .anniu .pre {
           float: left;
       }

       .body1 .right .anniu .next {
           float: right;
       }

       .body1 .right:hover .anniu {
           display: block;
       }

       .body1 .left li {
           list-style: none;
           font-weight: bold;
           font-size: 20px;
           line-height: 60px;
           padding-left: 24px;
           margin-bottom: 10px;
           color: #020814;
       }

       .body1 .left .active1 {
           color: #014CAA;
           background: #F2F6FA;
       }

       .body1 .left li:nth-child(7) {
           margin-bottom: 0;
       }

       .body1 .bottom {
           position: absolute;
           width: 720px;
           height: 140px;
           border-radius: 16px;
           margin: -145px auto auto;
           background-color: #014CAA;
       }

       .body1 .bottom .word {
           width: 655px;
           height: 100px;
           margin: 0 auto 0 32px;
       }

       .body1 .bottom p {
           display: block;
           overflow: hidden;
           font-size: 18px;
           line-height: 32px;
           text-overflow: ellipsis;
           display: -webkit-box;
           -webkit-line-clamp: 2;
           -webkit-box-orient: vertical;
           color: #FFFFFF;
           padding: 10px 0 0;
       }

       .body1 .bottom ul {
           margin: 0 auto auto 220px;
           list-style: none;
           display: flex;
       }

       .body1 .bottom li {
           width: 40px;
           height: 4px;
           margin-left: 8px;
           opacity: 0.32;
           background: #FFFFFF;
       }

       .body1 .box .bottom .active {
           opacity: 1;
       }

       .body2 {
           position: relative;
           width: 1920px;
           height: 600px;
           overflow: hidden;
           background: url(/img/idx/body2.png) no-repeat;
           background-position: center;
           margin: 0 auto;
           
           -webkit-touch-callout: none; 
    -webkit-user-select: none;  
    -khtml-user-select: none;   
    -moz-user-select: none;     
    -ms-user-select: none;     
    user-select: none;
          
       }

       .body2 .title1 {
           position: absolute;
           top: 50px;
           left: 790px;
           font-weight: 500;
           font-size: 32px;
           color: rgba(255, 255, 255, 0.1);
       }

       .body2 h3 {
           width: 130px;
           font-weight: 500;
           font-size: 32px;
           color: #FFFFFF;
           margin: 73px auto 120px auto;
       }

       .body2 .box {
           position: relative;
           display: flex;
           overflow: hidden;
           width: 1560px;
           margin: 120px auto 229px;
       }

       .body2 .box div {
           cursor: pointer;
       }

       .body2 .box .year {
           font-weight: bold;
           font-size: 28px;
           color: #FEFEFE;
           margin-right: 191px;
       }

       .body2 .box .round {
           display: block;
           width: 12px;
           height: 12px;
           background: #C1C1C1;
           border-radius: 50%;
           margin-top: 6px;
       }

       .body2 .box .line {
           display: block;
           height: 1px;
           background: #F2F6FA;
           margin-top: -6px;
           margin-left: 12px;
       }

       .body2 .box .demo1 {
           display: block;
           font-size: 20px;
           color: #FEFEFE;
           margin-top: 24px;
       }

       .body2 .box .demo2 {
           display: block;
           word-wrap: break-word;
           width: 195px;
           font-size: 12px;
           color: #F2F6FA;
           margin-top: 23px;
       }

       .body3 {
           position: relative;
           overflow: hidden;
           width: 1920px;
           height: 700px;
           margin: 0 auto;
       }

       .body3 .title1 {
           position: absolute;
           top: 50px;
           left: 800px;
           font-weight: 500;
           font-size: 32px;
           color: rgba(1, 76, 170, 0.1);
       }

       .body3 h3 {
           width: 130px;
           font-weight: 500;
           font-size: 32px;
           color: #020814;
           margin: 73px auto 44px auto;
       }

       .body3 .box {
           width: 1200px;
           height: 480px;
           margin: 44px auto 72px auto;
           background: url(/img/idx/body3.png);
       }

       .body3 .box1 {
           width: 468px;
           height: 348px;
           float: left;
           margin: 59px auto 73px 60px;
       }

       .body3 .box1 p {
           font-size: 18px;
           color: #FFFFFF;
           line-height: 30px;
       }

       .body3 .box2 img {
           width: 540px;
           height: 360px;
           float: right;
           margin: 60px 60px 60px auto;
           background-position: center center;
           background-repeat: no-repeat;
           background-size: cover;
       }

       .body4 {
           position: relative;
           overflow: hidden;
           width: 1920px;
           height: 940px;
           margin: 0 auto;
       }

       .body4 .box1 {
           position: relative;
           width: 1200px;
           height: 340px;
           background: #F2F6FA;
           border-radius: 8px;
           margin: 59px auto auto;
       }

       .body4 .box .decorate img {
           position: absolute;
           margin: 45px auto auto 42px;
       }

       .body4 .title1 {
           position: absolute;
           top: 50px;
           left: 780px;
           font-weight: 500;
           font-size: 32px;
           color: rgba(1, 76, 170, 0.1);
       }

       .body4 h3 {
           width: 130px;
           font-weight: 500;
           font-size: 32px;
           color: #020814;
           margin: 73px auto 59px auto;
       }

       .body4 .box1 {
           width: 1200px;
           height: 340px;
           background: #F2F6FA;
           border-radius: 8px;
           margin: 59px auto auto;
       }

       .body4 .box .left {
           float: left;
           width: 598px;
           height: 213px;
           margin: 60px auto auto 60px;
       }

       .body4 .box .left .dt {
           font-size: 18px;
           font-weight: 500;
           color: #020814;
           line-height: 26px;
           margin-bottom: 12px;
       }

       .body4 .box .left .dd li {
           list-style: none;
           color: #778294;
           line-height: 30px;
       }

       .body4 .box .left .dd li img {
           vertical-align: middle;
       }

       .body4 .box .left .dd span {
           color: #014CAA;
       }

       .body4 .box .right {
           float: right;
           width: 426px;
           height: 240px;
           margin: 60px 50px 40px auto;
           background: #014CAA;
       }

       .body4 .box1 .right img {
           width: 100%;
           height: 100%;
           background-position: center center;
           background-repeat: no-repeat;
           background-size: cover;
       }

       .body4 .box2 .right img {
           width: 100%;
           height: 100%;
           background-position: center center;
           background-repeat: no-repeat;
           background-size: cover;
       }

       .body4 .box2 {
           width: 1200px;
           height: 340px;
           border-radius: 8px;
           margin: 20px auto 78px;
           background: #F2F6FA;
       }

       .body5 {
           position: relative;
           overflow: hidden;
           width: 1920px;
           height: 660px;
           background: #F2F6FA;
           margin: 0 auto;
       }

       .body5 .title1 {
           position: absolute;
           top: 55px;
           left: 790px;
           font-weight: 500;
           font-size: 32px;
           color: rgba(1, 76, 170, 0.1);
       }

       .body5 h3 {
           width: 130px;
           font-weight: 500;
           font-size: 32px;
           color: #020814;
           margin: 72px auto 59px auto;
       }

       .body5 .box {
           width: 1400px;
           height: 440px;
           margin: 59px auto 88px;
       }

       .body5 .box img {
           float: left;
           margin-right: 30px;
           margin-bottom: 30px;
       }