.i1{position: fixed;width: 100%;height: 100vh;z-index: 1;top: 0;left: 0;overflow: hidden;}

.i1 .swiper1{}

.i1 .swiper1 .sbox{display: block;width: 100%;height: 100vh;position: relative;} 

.i1 .swiper1 .sbox > img{display: block;width: 100%;height: 100%;}

.i1 .swiper1 .sbox .mimg{display: none;}

.i1 .swiper1 .sbox video{display: block;height: 100%;max-width: 100%; position: absolute;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%); z-index: 2;object-fit: cover;z-index: 2;}

.i1 .swiper1 .sbox a{display: block;position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;color: #fff;}

.i1 .swiper1 .sbox a .txt{position: absolute;width: 100%; top: 46%;left: 0; transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.i1 .swiper1 .sbox a .txt .tt{font-size: 68px;;font-weight:bold;}

.i1 .swiper1 .sbox a .txt .en{margin: 25px 0 50px;}

.i1 .swiper1 .sbox a .txt .more{display: block;width: 150px;height: 40px;line-height: 40px ;padding: 0 15px 0 25px;border: 1px solid #fff;border-radius: 30px;text-align: justify; color: #fff;overflow: hidden;z-index: 3;margin: 10px 0px 0px 0px ;position: relative;}

.i1 .swiper1 .sbox a .txt .more span{display: block;width: 20px;height: 20px;background: url(../image/jtt.png) center no-repeat;position: absolute;top: 10px;right: 15px;}

.i1 .swiper1 .sbox a .txt .more:hover{background: #123b97; color: #fff;border: 1px solid #123b97;}

.i1 .swiper1 .pagination1{display: none;}

.i1 .btn{width: 100%;left: 0;bottom: 60px;position: absolute;z-index: 5;height: 50px;}

.i1 .btn .ani{display: block;width: 50px;height: 50px;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 50%;float: left;cursor: pointer;}

.i1 .btn .next1{float: right;}

.i1 .btn .ul1{width: calc(100% - 120px);position: absolute;top: 25px;left: 60px;}

.i1 .btn .ul1 li{width: 33%;float: left;color: #fff;border-top: 1px solid rgba(255, 255, 255, 0.2);padding-top: 20px;cursor: pointer;position: relative;}

.i1 .btn .ul1 li s{display: block;width: 0%;height: 2px ;background: #fff;position: absolute;top: -2px;left: 0;z-index: 2;}

.i1 .btn .ul1 li.act s{width: 100%;}

.i1 .btn .prev1{background: url(../image/l_b.png) center no-repeat;opacity: 0.5;}

.i1 .btn .next1{background: url(../image/r_b.png) center no-repeat;opacity: 0.5;}

.i1 .btn .prev1:hover{background: #123b97 url(../image/l_b.png) center no-repeat;opacity: 1;}

.i1 .btn .next1:hover{background: #123b97 url(../image/r_b.png) center no-repeat;opacity: 1;}

.i1.act{opacity: 0;z-index: -1;}

.i2j{display: block;width: 100%;height: 100vh;position: relative;z-index: -2;}

.i2{position: relative;z-index: 2;background: #fff;}

.i2 .swiper2{width: 100%;pointer-events: none;}

.i2 .swiper2 .swiper-slide{width: 100%;}

.i2 .swiper2 .swiper-slide .sbox{width: 100%;}

.i2 .swiper2 .swiper-slide .sbox img{display: block;width: 100%;}

.i2 .swiper2 .swiper-slide .sbox .mimg{display: none;}

.i2 .ibox{width: 100%;position: absolute;top: 100px;left: 0;z-index: 2;text-align: center;color: #fff;pointer-events: none;}

.i2 .ibox .tt{font-size: 52px;}

.i2 .ibox .x{display: block;width: 60px;height: 1px;background: rgba(255, 255, 255, 0.3);margin: 30px auto;}

.i2 .more{display: block;width: 150px;height: 40px;line-height: 40px ;padding: 0 15px 0 25px;border-radius: 30px;border: 1px solid #fff;text-align: justify;position: absolute;top: 300px;left: 50%;margin-left: -75px; color: #fff;overflow: hidden;z-index: 3;}

.i2 .more span{display: block;width: 20px;height: 20px;background: url(../image/jtt.png) center no-repeat;position: absolute;top: 10px;right: 15px;}

.i2 .more:hover{background: #123b97; color: #fff;border: 1px solid #123b97;}


.i3{position: relative;z-index: 3;background: #fff;width: 100%;overflow: hidden;}

.i3 video{display: block;width: 100%;object-fit: cover;}

.i3 .ibox{position: absolute;top: 0;left: 50%;z-index: 2;max-width: 1440px; width: 100%;height: 100%;padding-top: 135px;text-align: center;color: #fff;transform: translateX(-50%);-webkit-transform: translateX(-50%);}

.i3 .ibox .tt{font-size: 52px;}

.i3 .more{display: block;width: 150px;height: 40px;line-height: 40px ;padding: 0 15px 0 25px;border: 1px solid #fff;border-radius: 30px;text-align: justify; color: #fff;overflow: hidden;z-index: 3;margin: 0 auto;position: relative;}

.i3 .more span{display: block;width: 20px;height: 20px;background: url(../image/jtt.png) center no-repeat;position: absolute;top: 10px;right: 15px;}

.i3 .more:hover{background: #123b97; color: #fff;border: 1px solid #123b97;}

.i3 .ibox .x{display: block;width: 60px;height: 1px;background: rgba(255, 255, 255, 0.3);margin: 30px auto;}

.i3 .ibox .tc{line-height: 30px;opacity: 0.7;max-width: 1035px;margin: 20px auto;}

.i3 .ibox .ul1{display: flex;justify-content: center;text-align: center;}

.i3 .ibox .ul1 li{width: 16.66%;position: relative;top: 0;}

.i3 .ibox .ul1 li .ico{display: block;width: 100px;margin: 100px auto 10px;}


.i4{padding: 180px 0 260px;background: url(../picture/aboutus2.png) center no-repeat;background-size: cover;position: relative;z-index: 3;color: #fff;}

.i4 .ilt{width: calc(100% - 700px);max-width: 765px;float: left;}

.i4 .ilt .tt{font-size: 52px;}

.i4 .ilt .x{display: block;width: 60px;height: 1px;background: rgba(255, 255, 255, 0.3);margin: 30px 0;}

.i4 .ilt .tt1{line-height: 1.5;}

.i4 .ilt .tc{line-height: 30px;margin: 15px 0 90px;}

.i4 .ilt .more{display: block;width: 150px;height: 40px;line-height: 40px ;padding: 0 15px 0 25px;border-radius: 30px;border: 1px solid #fff; text-align: justify; color: #fff;position: relative; overflow: hidden;z-index: 3;}

.i4 .ilt .more span{display: block;width: 20px;height: 20px;background: url(../image/jtt.png) center no-repeat;position: absolute;top: 10px;right: 15px;}

.i4 .ilt .more:hover{background: #123b97; color: #fff;border: 1px solid #123b97;}

.i4 .irt{width: 660px;float: right;}

.i4 .irt li{width: 50%;float: left;text-align: center;margin-bottom: 100px;}

.i4 .irt li .num{font-size: 48px;margin-bottom: 20px;}

.i5{padding: 100px 0 160px;background: #fff;position: relative;z-index: 3;}

.i5 .ilt{float: left;font-size: 52px;}

.i5 .more{display: block;width: 150px;height: 40px;line-height: 40px ;padding: 0 15px 0 25px;border-radius: 30px;background: #123b97;text-align: justify; color: #fff;overflow: hidden;z-index: 3;float: right;position: relative;}

.i5 .more span{display: block;width: 20px;height: 20px;background: url(../image/jtb.png) center no-repeat;position: absolute;top: 10px;right: 15px;}

.i5 .more:hover{background: #1855de; color: #fff;}

.i5 .more:hover span{background: url(../image/jtq.png) center no-repeat;}

.i5 .ibox{position: relative;}

.i5 .swiper3{margin-top: 50px;height: 560px;}

.i5 .swiper3 .pagination3{}

.i5 .swiper3 .swiper-slide{width: 52%;margin: 0 1.3%;}

.i5 .swiper3 .swiper-slide .sbox{border-radius: 20px;overflow: hidden;position: relative;}

.i5 .swiper3 .swiper-slide .sbox img{display: block;width: 100%;border-radius: 20px;opacity: 0.5;}

.i5 .swiper3 .swiper-slide .sbox s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: rgba(255, 255, 255, 0.5);}

.i5 .swiper3 .swiper-slide-active .sbox img{opacity: 1;}

.i5 .swiper3 .swiper-slide-active .sbox s{background: rgba(255, 255, 255, 0);}

.i5 .swiper3 .prev3{width: 50px;height: 50px;margin-top: -25px;left: 80px;background: #123b97 url(../image/l_b.png) center no-repeat;border-radius: 50%;}

.i5 .swiper3 .next3{width: 50px;height: 50px;margin-top: -25px;right: 80px;background: #123b97 url(../image/r_b.png) center no-repeat;border-radius: 50%;}

.i5 .swiper3 .prev3:hover{background: #123b97 url(../image/l_b.png) center no-repeat;-moz-box-shadow:0px 2px 10px #123b97; -webkit-box-shadow:0px 2px 10px #123b97; box-shadow:0px 2px 10px #123b97;}

.i5 .swiper3 .next3:hover{background: #123b97 url(../image/r_b.png) center no-repeat;-moz-box-shadow:0px 2px 10px #123b97; -webkit-box-shadow:0px 2px 10px #123b97; box-shadow:0px 2px 10px #123b97;}

.i5 .ibox .swiper3_1{border-radius: 10px; position: absolute;width: 420px;height: 520px;background: #fff; position: absolute;left: 28.125%;bottom: -90px;z-index: 3;-moz-box-shadow:0px 5px 10px #bbb; -webkit-box-shadow:0px 5px 10px #bbb; box-shadow:0px 5px 10px #bbb;}

.i5 .ibox .swiper3_1 .sbox{padding: 70px 50px;text-align: justify;position: relative;}

.i5 .ibox .swiper3_1 .sbox .stt{line-height: 40px;height: 80px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.i5 .ibox .swiper3_1 .sbox img{display: none;}

.i5 .ibox .swiper3_1 .sbox .stc{color: #555;line-height: 24px;height: 72px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin: 40px 0;}

.i5 .ibox .swiper3_1 .sbox .day{color: #999;}

.i5 .ibox .swiper3_1 .sbox .smore{margin-top: 80px;color: #123b97;padding-left: 30px;background: url(../image/in1_6.png) -15px center  no-repeat;}

.i5 .ibox .swiper3_1 .sbox a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;}

.i5 .ibox .swiper3_1 .sbox:hover .stt{color: #123b97;}




















@media(max-width:1680px){

    .i4{padding: 100px 0;}

}

@media(max-width:1440px){


    .i1 .btn .ani{display: none;}

    .i2{margin: 0;}

    .i1 .btn .ul1{top: auto;bottom: -71px;}

    .i1 .swiper1 .sbox a .txt .tt,.i2 .ibox .tt,.i3 .ibox .tt,.i4 .ilt .tt,.i5 .ilt{font-size: 40px;}
    
    .i4 .ilt{width: 100%;max-width: 1000px;float: none;}

    .i4 .ilt .tc{margin-bottom: 50px;}

    .i4 .irt{width: 100%;float: none;margin-top: 50px;}

    .i4{padding: 50px 0;}

    .i5 .swiper3 .swiper-slide{width: 82%;margin: 0 1.3%;}

    .i5 .ibox .swiper3_1{left: 20%;}




}

@media(max-width:1280px){
    
}

@media(max-width:1030px){

    .i2j{display: none;}

    .i1{position: relative;z-index: 1;height: auto;}

    .i1 .swiper1 .sbox{height: auto;}
    
}

@media(max-width:960px){

    .i1 .btn .ul1{display: none;}

    .i1 .swiper1 .sbox  .pimg,.i1 .swiper1 .sbox video{display: none;}

    .i1 .swiper1 .sbox  .mimg{display: block;}

    .i1 .swiper1 .sbox a .txt .en{line-height: 1.5;}

    .i1 .swiper1 .sbox a .txt .tt, .i2 .ibox .tt, .i3 .ibox .tt, .i4 .ilt .tt, .i5 .ilt{font-size: 28px;}

    .i1 .swiper1 .sbox a .txt{text-align: center;top: 40%;}

    .i1 .swiper1 .sbox a .txt .more{margin: 0 auto;display: none;}

    .i2 .ibox .x{margin: 20px auto;}

    .i2 .ibox .tc{line-height: 1.5;}

    .i2 .swiper2{height: 80vh;}

    .i2 .swiper2 .swiper-slide .sbox,.i2 .swiper2 .swiper-slide{height: 100%;}

    .i2 .ibox{top: 50px;}

    .i2 .ibox .tc{font-size: 18px;}

    .i2 .more{top: 240px;}

    .i3{height: auto;}

    .i3 video{display: none;}

    .i3 .ibox{position: relative;}

    .i3{background: #000;}

    .i3 .ibox{padding-top: 30px;}

    .i3 .ibox .x,.i4 .ilt .x{margin: 20px auto;}

    .i3 .ibox .ul1{flex-wrap: wrap;padding-bottom: 20px;}

    .i3 .ibox .ul1 li{width: 50%;margin: 20px 0 10px;}

    .i3 .ibox .ul1 li .ico{margin-top: 0;width: 60px;}

    .i4 .ilt .tt{text-align: center;}

    .i4 .ilt .tc{margin-bottom: 20px;}

    .i4 .ilt .more{margin: 0 auto;}

    .i4 .irt li{padding: 0 5%;margin-bottom: 50px;}

    .i4 .irt li .num{font-size: 30px;}

    .i4 .irt li .ltt{font-size: 14px;line-height: 1.5;}

    .i3 .ibox .tc,.i4 .ilt .tc{text-align: justify;line-height: 1.8;margin: 10px 0 20px;}

    .i5{padding: 30px 0;}

    .i5 .ibox .swiper3_1 .sbox img{display: block;}

    .i5 .swiper3{display: none;}

    .i5 .ibox .swiper3_1{position: relative;left: 0;width: 100%;height: auto;bottom: 0;margin: 20px 0;padding-bottom: 30px;}

    .i5 .ibox .swiper3_1 .sbox{padding: 20px 5%;}

    .i5 .ibox .swiper3_1 .sbox .stt{line-height: 24px;height: 48px;margin: 10px 0;}

    .i5 .ibox .swiper3_1 .sbox .stc{margin: 10px 0;}

    .i5 .ibox .swiper3_1 .sbox .smore{margin-top: 20px;}

    .i1 .swiper1 .pagination1{display: block;bottom: 30px;opacity: 1;}

    .i1 .swiper1{height: 100%;}

    .i1 .swiper1 .pagination1 span{background: #fff;opacity: 1;}

    .i1 .swiper1 .pagination1 .swiper-pagination-bullet-active{background: #123b97;}

    .i5 .ibox .swiper3 .pagination1{bottom: 20px;}

    .i2 .swiper2{height: auto;}

    .i2 .swiper2 .swiper-slide .sbox .pimg{display: none;}       

    .i2 .swiper2 .swiper-slide .sbox .mimg{display: block;}
    
    




}