/* 首页 */

.i1{position: relative;overflow: hidden;}

.i1 .swiper_1{}

.swiper_1 .swiper-slide{}

.swiper_1 .swiper-slide .swbox{position: relative;display: block;width: 100%;overflow: hidden;}

.swiper_1 .swiper-slide .swbox img{display: block;width: 100%;}

.swiper_1 .swiper-slide .swbox .mimg{display: none;}

.i1 .swiper_1 .swiper-slide .swbox video{position: absolute;top: 0;left: 0;z-index: 2;object-fit: cover;width: 100%;height: 100%;background: #000;opacity: .8;}

.swiper_1 .swiper-slide .swbox .txt{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 3;color: #fff;}

.swiper_1 .swiper-slide .swbox .txt .tt{line-height: 1.5;}

.swiper_1 .swiper-slide .swbox .txt .tt .xi{font-weight: 100;}

.swiper_1 .pagination_1{bottom: 50px;width: 20px;right: 4.15%;left: auto;display: block;}

.swiper_1 .pagination_1 span{width: 20px;height: 20px;display: block; background: url(../images/i_0_0.png) center no-repeat;opacity: 1;margin:0 0  20px !important;}

.swiper_1 .pagination_1 span.swiper-pagination-bullet-active{background: url(../images/i_0_1.png) center no-repeat;}

.i1 .xiala{ width: 20px;position: absolute;left: 4.15%;bottom: 0px;z-index: 5;}

.i1 .xiala s{display: block;width: 4px;height: 8px;background:#b5b2b8 ;border-radius: 30px;position: absolute;top: 10px;left: 50%;margin-left: -2px;animation: ud 2s ease-out infinite; -webkit-animation: ud 2s ease-out infinite;}

.i1 .xiala .xian{width: 2px;height: 100px;position: absolute;left: 50%;bottom: 0;margin-left: -1px;background: rgba(255, 255, 255, 0.3);overflow: hidden;}

.i1 .xiala .xian span{display: block;width: 100%;height: 10px;background: #fff;position: absolute;top: 0;left: 0;z-index: 2;animation: td 2s linear infinite; -webkit-animation: td 2s linear infinite;}





.i2{background: url(../images/i_1.png) center bottom no-repeat;background-size: cover;position: relative;}

.i2 .bg{display: block;width: 100%;}

.i2 .tt{position: absolute;width: 100%;left: 0;top: 11%;}

.i2 .ull{}

.i2 .ull li{position: absolute;width: 1.05%;top: 14%;left: 35%;padding-top: 1.05%;cursor: pointer;}

.i2 .ull li .yuan{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #d03129;border-radius: 50%;}

.i2 .ull li .yuan s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: rgba(208, 49, 41, 0.2);border-radius: 50%;}

.i2 .ull li .txt{position: absolute;left: 50px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); display: flex;padding: 20px;align-items: center;align-content: center;white-space:nowrap;border-radius: 10px;}

.i2 .ull li .txt .num{font-weight: bold;margin-right: 10px;font-family: "din";}

.i2 .ull li .txt .wz{line-height: 1.5;}

.i2 .ull li .txt .en{font-family: "din";}

.i2 .ull li.act .txt{background: #d03129;}

.i2 .ull li.act .txt .num,.i2 .ull li.act .txt .cn,.i2 .ull li.act .txt .en{color: #fff;}

.i2 .ull li.act .yuan s{ animation: pulsate 1.5s ease-out infinite; -webkit-animation: pulsate 1.5s ease-out infinite;}

.i2 .ull li:nth-child(2){top: 28%;left: 25.5%;}

.i2 .ull li:nth-child(3){top: 43%;left: 19.3%;}

.i2 .ull li:nth-child(4){top: 59%;left: 14.5%;}

.i2 .ull li:nth-child(5){top: 72%;left: 11.5%;}

.i2 .ull li:nth-child(6){top: 88%;left:9%;}

.i2 .tupi{width: 37%;position: absolute;top: 22%;right: 10%;z-index: 2;max-width: 710px;}

.i2 .tupi .ulr{position: absolute;top: 2%;left: 4%;width: 94%;max-width: 665px;}
 
.i2 .tupi .ulr li{position: absolute;width: 100%;top: 0;left: 0;opacity: 0;}

.i2 .tupi .ulr li img{border-radius: 50%;}

.i2 .tupi .ulr li.act{opacity: 1;}

.i3{padding: 120px 0;background: url(../images/i_2.png) center top no-repeat;background-size: cover;}

.i3 .iox{display: flex;justify-content: space-between;}

.i3 .iox .ilt{width: 29.5%;text-align: justify;line-height: 1.5;}

.i3 .iox .ilt .tc{margin: 20px 0 30px;}

.i3 .iox .ilt .tc2{line-height: 32px;color: #888;}

.i3 .iox .ilt .more{display: flex;width: 150px;height: 50px;background: #d03129;border-radius: 30px;color: #fff;align-items: center;align-content: center;justify-content: center;margin: 60px 0 90px;}

.i3 .iox .ilt .more s{display: block;width: 14px;height: 14px;background: url(../images/i_2_2.png) center no-repeat;margin-left: 20px;}

.i3 .iox .ilt .more:hover{background: #e6443b;}

.i3 .iox .irt{width: 60%;position: relative;}

.i3 .iox .irt .irt_img_wra{position: absolute;}

.i3 .iox .irt .dwul{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

.i3 .iox .irt .dwul li{width: 8px;height: 8px;position: absolute;z-index: 3;cursor: pointer;z-index: 1;top: 45%; left: 78.2%;}

.i3 .iox .irt .dwul li .yuan{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: #d03129;border-radius: 50%;}

.i3 .iox .irt .dwul li .yuan s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(208, 49, 41, 0.5); animation: pulsate 1.5s ease-out infinite; -webkit-animation: pulsate 1.5s ease-out infinite;border-radius: 50%;}

.i3 .iox .irt .dwul li .wz{position: absolute;width: 100px;position: absolute;top: 120%;right: 0%;text-align: right;line-height: 1.5;pointer-events: none;opacity: 0;}

.i3 .iox .irt .dwul li .tp{display: block;width: 215px;position: absolute;left: 250%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);border-radius: 5px;overflow: hidden;-moz-box-shadow:2px 1px 5px #999; -webkit-box-shadow:2px 1px 5px #999; box-shadow:2px 1px 5px #999;opacity: 0;pointer-events: none;}

.i3 .iox .irt .dwul li .tp img{border-radius: 5px;}

.i3 .iox .irt .dwul li.act{z-index: 3;}

.i3 .iox .irt .dwul li.act .wz{opacity: 1;}

.i3 .iox .irt .dwul li.act .tp{opacity: 1;left: 200%;}

.i3 .iox .irt .dwul li:nth-child(2){left: 76.5%; top: 50%;}

.i3 .iox .irt .dwul li:nth-child(3){left: 77.5%; top: 46.5%;}

.i3 .iox .irt .dwul li:nth-child(4){left: 77.5%;display: none;}

.i3 .iox .irt .dwul li:nth-child(5){left: 77.5%;top: 44%;display: none;}

.i3 .ab1_bot{display: flex;justify-content: space-between;margin-top:90px;}

.i3 .ab1_bot .bot_item{display: flex;height:97px;align-items: center;}

.i3 .ab1_bot s{width:2px;height:97px;background: rgba(146, 141, 141, .4);}

.i3 .ab1_bot .bot_item:last-child{border-right:none;}

.i3 .ab1_bot .bot_item>img{margin-left:100px;}

.i3 .ab1_bot .bot_item:first-child>img{width:92px;height: 80px;}

.i3 .ab1_bot .bot_item:nth-child(3)>img{width:71px;height: 71px;}

.i3 .ab1_bot .bot_item:last-child>img{width:84px;height: 71px;}

.i3 .ab1_bot .bot_item .bot_item_l1{margin-bottom: 20px;display: flex;align-items: flex-end;font-family: DIN; font-weight: bold; color: #555555;}

.i3 .ab1_bot .bot_item .bot_item_l1>span{padding-bottom: 8px;}

/* 

.i3 .iox .irt{width: 58.5%;justify-content: space-between;line-height: 1.5;}

.i3 .iox .irt .tt2{margin: 20px 0 40px;}

.i3 .iox .irt .tc{line-height: 32px;color: #a5acb0;}


.i3 .iox .irt .ul1{display: flex;align-items: center;align-content: center;}

.i3 .iox .irt .ul1 .li .num{margin-bottom: 10px;display: flex;align-items: flex-end;line-height: 1;height: 60px;}

.i3 .iox .irt .ul1 .li .num .counter{font-size: 64px;font-family: "din";position: relative;top: 5px;}

.i3 .iox .irt .ul1 .xin {display: block;width: 1px;height: 60px;background: #999;margin: 0 110px;} */








.i4{background: #fafafa;}

.i4 .tt{display: flex;justify-content: space-between;margin-bottom: 50px;align-items: center;align-content: center;}

.i4 .tt .more{display: flex;width: 150px;height: 50px;background: #d03129;border-radius: 30px;color: #fff;align-items: center;align-content: center;justify-content: center;}

.i4 .tt .more s{display: block;width: 14px;height: 14px;background: url(../images/i_2_2.png) center no-repeat;margin-left: 20px;}

.i4 .tt .more:hover{background: #e6443b;}

.i5{padding: 60px 0 100px;text-align: center;color: #fff;background: url(../images/i_3.jpg) center no-repeat fixed;background-size: cover;}

.i5 .iox{width: 910px;margin: 0 auto;}

.i5 .tc{margin: 30px 0;}

.i5 .ul1{display: flex;flex-wrap: wrap;justify-content: space-between;}

.i5 .ul1 li{width: 31.3%;border: 2px solid rgba(255, 255, 255, 0.35);padding: 0 20px;border-radius: 3px;}

.i5 .ul1 li input,.i5 .ul1 li textarea{display: block;width: 100%;height: 50px;background: rgba(0, 0, 0, 0);border: 0;resize: none;outline: none;color: #fff;font-family: arial;}

.i5 .ul1 li:last-child{width: 100%;margin-top: 20px;padding: 10px 20px;}

.i5 .ul1 li input::-webkit-input-placeholder,.i5 .ul1 li textarea::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.8);}
  
.i5 .ul1 li input::-moz-placeholder,.i5 .ul1 li textarea::-moz-placeholder {color: rgba(255, 255, 255, 0.8);}
  
.i5 .ul1 li input:-ms-input-placeholder,.i5 .ul1 li textarea:-ms-input-placeholder {color: rgba(255, 255, 255, 0.8);}

.i5 .ul1 li textarea{height: 120px;}

.i5 .tj{display: flex;width: 150px;height: 50px;background: #d03129;border-radius: 30px;color: #fff;align-items: center;align-content: center;justify-content: center;cursor: pointer;margin: 40px auto 0;}

.i5 .tj s{display: block;width: 14px;height: 14px;background: url(../images/i_2_2.png) center no-repeat;margin-left: 20px;}

.i5 .tj:hover{background: #e6443b;}

@keyframes pulsate {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; }50% {opacity: 1; }100% {transform: scale(2);-webkit-transform: scale(2);opacity: 0; } }

@-webkit-keyframes pulsate {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; }50% {opacity: 1; }100% {transform: scale(2);-webkit-transform: scale(2);opacity: 0; } }

@keyframes td {0% { top: 0%;} 100% {top: 100%;} }

@-webkit-keyframes  td {0% { top: 0%;} 100% {top: 100%;} }















/* 提示弹窗 */

.guanbi{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;background:rgba(0, 0, 0, 0.2) ;opacity: 0;visibility: hidden;pointer-events: none;}

.guanbi .gbox{position: absolute;top: 50%;opacity: 0; left: 50%;transform: translate(-50%,-50%)  scale(0.5);-webkit-transform: translate(-50%,-50%)  scale(0.5);background:#fff ;padding: 20px 40px;text-align: center;}

.guanbi .gbox .gtt{margin:  0;line-height: 1.8; color: #000;}

.guanbi .gbox .out{display: none;width: 36px;height: 36px;border: 1px solid #ddd;border-radius: 50%;  position: absolute;top: 20px;right: 20px;background:url(../images/out.png) center no-repeat ;background-size: 14px;cursor: pointer;}

.guanbi .gbox .out:hover{background:url(../images/out2.png) center no-repeat ;border: 1px solid #00847a; background-size: 14px;}

.guanbi.act{visibility: visible;pointer-events: visible;opacity: 1;}

.guanbi.act .gbox{transform: translate(-50%,-50%)  scale(1);-webkit-transform: translate(-50%,-50%)  scale(1); opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;}






@media (max-width:1600px) {
    
    .i3 .iox .irt .ul1 .xin{margin: 0 50px;}

    .i3 .iox .irt .ul1 .li .num .counter{font-size: 50px;}

}

@media (max-width:1030px) {
    

}

@media (max-width:960px) {
    
    .swiper_1 .swiper-slide .swbox .mimg{display: block;}
    
    .swiper_1 .swiper-slide .swbox .pimg{display: none;}

    .i1 .swiper_1 .swiper-slide .swbox video{display: none;visibility: hidden;opacity: 0;pointer-events: none;}

    .i1 .xiala{display: none;}

    .swiper_1 .pagination_1 span{margin-bottom: 10px;}

    .swiper_1 .pagination_1{bottom: 50%;transform: translateY(50%);-webkit-transform: translateY(50%);}

    .i2{background: #fdfefe;padding: 30px 5%;}

    .i2 .tt{position: relative;top: 0;left: 0;z-index: 1;}

    .i2 .bg{display: none;}

    .i2 .ull{position: relative;display: flex;overflow: auto;margin: 20px 0;}

    .i2 .ull li,.i2 .ull li:nth-child(2),.i2 .ull li:nth-child(3),.i2 .ull li:nth-child(4),.i2 .ull li:nth-child(5),.i2 .ull li:nth-child(6){position: relative;width: 240px;top: 0;left: 0;height: 90px;padding-top: 0;}

    .i2 .ull li .yuan{display: none;}

    .i2 .ull li .txt{position: relative;left: 0;}

    .i2 .tupi{position: relative;top: 0;left: 0;width: 100%;}

    .i3{padding: 20px 0;}

    .i3 .iox{display: block;}

    .i3 .iox .ilt{width: 100%;}

    .i3 .iox .irt{width: 100%;}

    .i3 .iox .ilt .tc{margin: 5px 0;}

    .i3 .iox .ilt .more{margin: 20px 0;}

    .i4 .tt{margin-bottom: 20px;}

    .i5{padding: 30px 5%;}

    .i5 .iox{width: 100%;}

    .i5 .ul1 li{width: 100%;margin: 0 0 20px;}

    .i5 .tc{margin: 20px 0;}

    .i5 .tj{margin-top: 10px;}

    .i5 .ul1 li:last-child{margin-top: 0;}

    .i3 .iox .irt .dwul li .wz{width: 60px;font-size: 12px;top: 20px;}

    .i3 .iox .irt .dwul li .tp{width: 80px;}

    .i3 .ab1_bot{flex-wrap: wrap;margin-top: 0px;}
    
    .i3 .ab1_bot .bot_item .bot_item_l1>span { padding-bottom: 0;}
    
    .i3 .ab1_bot .bot_item{justify-content: space-between;width: 100%;}
    
    .i3 .ab1_bot .bot_item>img {  margin-left: 0px; }

    .i3 .ab1_bot s{display: none;}

    .i3 .ab1_bot .bot_item:first-child>img,.i3 .ab1_bot .bot_item:nth-child(3)>img,.i3 .ab1_bot .bot_item:last-child>img{width: 50px;height: auto;}


}