/* 响应式属性 */
.pageContentTitle{font-size: 34px;margin: 25px 0;color:#f39600;width: 100%;text-align: center;}
.pageContentPadding{}

/* 页面样式属性 */
.index-banner-box{width: 100vw;height:100vh;position: relative;overflow: hidden;}
.page-container{width: 100%;height:auto;}
.index-banner{width:100%;height:100vh;z-index:1;} 
.index-banner-img{width: 100%;height:100%;object-fit: cover;}
.swiper-container1{height:100%}
.index-banner-item-box{position: absolute;z-index:2;right: 4%;bottom:5%;display: flex;justify-content: center;align-items: center;}
.index-banner-item{width: 6px;height: 6px;border-radius: 50%;border: 2px solid #fff;display: inline-block;margin: 0 8px;cursor: pointer;}
.index-banner-item.currentItem{border: 2px solid #d7004a;background: #d7004a;}

.index-banner-switch-left{transition: all 0.5s; cursor: pointer;z-index:2; position: absolute;left:-60px;top:50%;width:50px;height: 50px;display: block;background: url("/public/images/banner-l.png");background-size: 100%;}
.index-banner-switch-right{transition: all 0.5s;cursor: pointer;z-index:2; position: absolute;right:-60px;top:50%;width:50px;height: 50px;display: block;background: url("/public/images/banner-r.png");background-size: 100%;}
.index-banner-box:hover .index-banner-switch-left{left: 1%;}
.index-banner-box:hover .index-banner-switch-right{right: 1%;}
.index-video-bg-box{display: none; position: absolute;width: 100%;height:100%;left:0;top:0}
.index-video-box-bg{z-index:2;width: 100%;height:100%;background: rgba(0,0,0,.6);}
.index-video-box-ico{z-index:2;position: absolute;width: 50px;cursor: pointer; height: 50px;background: url("/public/images/download-7.png") no-repeat;background-position: center;background-size: contain;top: 50%; left: 50%; transform: translate(-50%, -50%);}
.toShowBox{display: block}


.index-scroll-btn{z-index:2;transition: all 0.5s;cursor: pointer; position: absolute;width:60px;height:60px;bottom: 15px;left: 50%;transform: translateX(-50%);border: 1px solid #ec8f04;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.hideScroll{bottom:-100px}
.scoll_icon{
    position: relative;
    display: inline-block;width:36px;height:36px;
    background: url("/public/images/mouse_ico.png");background-size:contain ;
    background-repeat: no-repeat;background-position: center;
    animation: mouseAni 1200ms cubic-bezier(0.25,0.1,0.25,1) 0s infinite alternate;
    -webkit-animation: mouseAni 1200ms cubic-bezier(0.25,0.1,0.25,1) 0s infinite alternate;
}
.scoll_icon-ani-ico{
    position: absolute;width: 4.5px;cursor: pointer; height: 9.5px;
    background: url("/public/images/mouse_ico_01.png") no-repeat;
    background-position: center;background-size: contain;top: 20%; left: 50%; transform: translateX(-50%);
    animation: mouseIcoAni 1200ms cubic-bezier(0.25,0.1,0.25,1) 0s infinite alternate;
    -webkit-animation: mouseIcoAni 1200ms cubic-bezier(0.25,0.1,0.25,1) 0s infinite alternate;
}
.page-content-box{width:100%;padding-top:40px;}

@keyframes mouseIcoAni {
    0% { transform: translateX(-50%) rotateX(0)  }
    100% { transform: translateX(-50%) rotateX(180deg) }
}

@-webkit-keyframes mouseIcoAni {
    0% { transform: translateX(-50%) rotateX(0)  }
    100% { transform: translateX(-50%) rotateX(180deg) }
}
@keyframes mouseAni {
    0% { transform: translate3d(0,-2px,0) scale(1) }
    100% { transform: translate3d(0,2px,0) scale(1.08) }
}

@-webkit-keyframes mouseAni {
    0% { transform: translate3d(0,-2px,0) scale(1) }
    100% { transform: translate3d(0,2px,0) scale(1.08) }
}

.page2-content-box{width: 100%;}
.page2-item-cover{width: 100%;padding-top:66.48%;background-size: cover;background-repeat: no-repeat;border-radius: 5%;}
.page2-item-title{font-size: 18px;margin-top:20px;color: #1e1e1e;font-weight:500;height: 50px;overflow: hidden;width: 100%;}
.page2-item-date{font-size: 16px;color: #4e4e4e;margin-top: 10px;display: inline-block;text-decoration: underline;margin-bottom: 18px;}
.page2-item-text{font-size: 16px;width: 100%;text-overflow: ellipsis;color:#1f1f1f; white-space: nowrap;overflow: hidden;margin:3px 0 18px 0}

.swiper-button-disabled{cursor: auto !important;opacity: 0.4;}
.page2-content-mark-box{display: none; width: 100%;justify-content: center;align-items: center;margin-top: 20px;}
.page2-content-mark-box .swiper-pagination-bullet{background: none; width: 6px;height: 6px;border-radius: 50%;border: 2px solid #c8c8cb;display: inline-block;margin: 0 8px;cursor: pointer;}
.page2-content-mark-box  .swiper-pagination-bullet.swiper-pagination-bullet-active{background: none; border: 2px solid #d7004a;background: #d7004a;}

.videoPreviewBox{position: fixed;z-index: 999;;top:0;left:0;width:100%;height: 100%;}
.videoPreviewBg{position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.9);}
.videoPreview{position: absolute;left: 50%;height: 80%;width:80%;top:50%;transform: translate(-50%,-50%);}
.videoPreview video{width: 100%;max-height: 100%;}
.videoPreviewCloseBtn{position: absolute;top:10px;right:10px;height:40px;width:40px;border-radius: 50%;background-image:url("/public/images/closeBtn.png");background-position: center;cursor: pointer; background-repeat: no-repeat;background-size: 70%;background-color: #d7004a;}

.page3-content-box{width: 100%;}
.page3-content-item{width:100%;position: relative;}
.page3-content-cover{width: 100%;padding-top:71.68%;background-size: cover;background-repeat: no-repeat;}
.page3-content-bg{position: absolute;top:0;left:0; width:100%;height:100%;background: rgba(0,0,0,.6);}
.page3-item-ico{display: block;cursor: pointer; position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:50px;height:50px;background: url('/public/images/download-7.png') no-repeat;background-size: contain; }
.page3-item-box{position: absolute;left:14%; width:86%;bottom: 0;padding-bottom: 6%;}
.page3-content-title{font-size: 22px;color:#fff;font-weight: 500; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.page3-content-line{display: block; border-bottom: 1px solid #d7004a;width:60%;margin:20px 0 15px 0}
.page3-content-text{font-size: 20px;color:#fff;display: block;font-weight: 300; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.page3-content-date{display: block;color:#fff;font-size: 20px;font-weight: 300;}
.page3-content-mark-box{display: flex; width: 100%;justify-content: center;align-items: center;margin-top: 20px;}
.page3-content-mark-box .swiper-pagination-bullet{background: none; width: 6px;height: 6px;border-radius: 50%;border: 2px solid #c8c8cb;display: inline-block;margin: 0 8px;cursor: pointer;}
.page3-content-mark-box  .swiper-pagination-bullet.swiper-pagination-bullet-active{background: none; border: 2px solid #d7004a;background: #d7004a;}



.page4-content-box{width: 100%;padding-top: 36.16%;background-repeat: no-repeat; position: relative;}
.page4-item-box{position: absolute;top:14.29%;left:0;width:100%;height:71.42%;}
.page4-content-left{width:50%;color: #fff;padding-left:54px}
.page4-content-left .page-item-btn{color: #fff;}
.page4-content-text{line-height:44px;margin-bottom: 40px;padding-top: 15px;font-size: 18px;}
.page4-content-right{position: absolute;top:14.29%;left:45%;width:55%;padding:40px 0 10px 20px;background:#fff;}
.page4-content-right-box{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;width:100%}
.page4-content-right-item{width:33.33%;padding:50px 20px; display: flex;justify-content: center;align-items: center;flex-direction: column;}
.page4BorderBottom{border-bottom: 1px solid #e2e2e2;}
.page4BorderRight{border-right: 1px solid #e2e2e2;}
.page4-right-item-t{font-size: 24px;display: block;color: #f39800;white-space: nowrap;font-weight: bold;}
.page4-right-item-v{font-size: 16px;color: #515151;white-space: nowrap;}
.page4-right-item-v1{font-size: 16px;color: #515151;white-space: nowrap;line-height: 20px}
.page4-right-item-v2{font-size: 14px;color: #515151;white-space: nowrap;line-height: 20px}
.page4-m-bottom{margin-bottom:24px}
.page4-right-item-n{font-size: 53px;font-weight: bold;}
.page4-right-item-n1{font-size: 30px;font-weight: bold;}
.page4-content-right-tip{text-align: right;width:100%;font-size: 14px;padding-right: 20px;}



.page5-content-box{position: relative; width:100%;padding-top:100px;padding-bottom:80px}
.page5-title-box{float: right;padding-top: 4%;}
.page5-content{width:84.23%;padding:0 55px; position: relative;}

.page5-item-box{width:100%;}
.page5-item{width:100%;}
.page5-item-content{width: 100%;position: relative;}
.page5-item-img{width:100%}
.page5-item-img img{width: calc(100% - 2px);}
.page5-item-btn{position: absolute;bottom: 10%;right:0;display: flex;justify-content: center;align-items: center;}
.page5-item-a{margin-right: 30px;font-size: 18px;color:#1e1e1e; display: flex;justify-content: center;align-items: center;}
.page5-item-a:hover{color: #f39600;}
.page5-down-ico{margin-left: 15px; display: inline-block;width:20px;height:20px;background: url('/public/images/down_ico.png') no-repeat;background-size: 100%;}
.page5-view-ico{margin-left: 15px; display: inline-block;width:20px;height:20px;background: url('/public/images/view_ico.png') no-repeat;background-size: 100%;}
.page5-item-text{margin-top: 15px;font-weight: 500; text-align: left;font-size:16px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.page5-content-left-arr{ cursor: pointer; position: absolute;left:0; top:calc(50% - 15px);width:31px;height:15px;background: url('/public/images/arr_left.png') no-repeat;background-size: 100%;}
.page5-content-right-arr{cursor: pointer; position: absolute;right:0; top:calc(50% - 15px);width:31px;height:15px;background: url('/public/images/arr_right.png') no-repeat;background-size: 100%;}
.page5-btn2{position: absolute;right: 0;top:55%}



.page6Bg{position: relative; width:100%;padding-top:21.875%;background-size:cover;background-image:url('/public/images/page6Bg.jpg')}
.page6-content{color: #fff;position: absolute;top:30%; width:100%;text-align: center;}
.page6-title{font-size: 72px;}
.page6-btn{margin: auto;}

.page7-title{text-align: left;}
.page7-content-box{display: flex;margin-bottom: 30px; position: relative; width:100%;justify-content: space-between;align-items: flex-start;}
.page7-left-box{width:50%;position: absolute;height: 100%;}
.page7-left-img{width:100%;height:100%;background-position: center;background-size: cover;}
.page7-left-bg{padding:12px 20px 10px 20px;display: block;box-sizing: border-box; transition: all  0.5s cubic-bezier(0.25,0.1,0.25,1);cursor: pointer; background-color: rgba(0,0,0,.5);color: #fff;position: absolute;bottom: 0;left:0;width: 100%;}
/* .page7-left-box:hover .page7-left-bg{height: 100% !important;} */
.page7-left-title{font-size: 18px;font-weight: bold;}
.page7-left-text{font-size: 16px;line-height: 40px;}
.page7-left-from{line-height: 36px;font-size: 16px;}
.page7-right-box{width:50%;padding-left: 5.5%;text-align: left;margin-left: 50%;}
.page7-left-line{display: block;width:96%;border-bottom: 1px solid #fff;margin: 15px 0;}
.page7-right-title{font-size: 18px;color: #f39600;display: block; font-weight: bold;line-height: 32px;}
.page7-right-text{font-size: 16px;display: block;color: #515151;margin-top: 15px;line-height: 32px;}
.page7-right-from{font-size: 16px;margin-top: 15px;line-height: 36px;}
.page7-right-date{font-size: 16px;margin-top: 15px;margin-bottom: 15px;}
.page7-btn{margin-top: 50px;}

.page8-content{position:absolute;top:15%;left:0;width:100%;padding:20px 0;display: flex;justify-content: center;align-items: flex-start;}
.page8-content-box{position: relative; width:100%;background-repeat: no-repeat;background-size: cover;padding-top:21.51%}
.page8-left{display: flex;justify-content: center;align-items: center;color: #fff;font-size: 48px;margin-right: 200px;}
.page8-left-ico{margin-left: 20px;cursor: pointer; display: inline-block;width:40px;height:40px;background: url('/public/images/buy_ico.png') no-repeat;background-size: 100%;}
.page8-right-ico{border: 4px solid #f39800;color: #fff; cursor: pointer; border-radius: 20px;padding: 0 10px;font-size: 24px;margin-left: 10px;}
.page8-right{font-size: 48px;color: #fff;display: flex;justify-content: center;align-items: center;}

.scoll_tip_r{position: absolute; top: 50%; right:-36px; font-size: 12px; color: #fff; }
.scoll_tip_l{position: absolute; top: 50%; left: -36px; color: #fff; }


@media screen and (max-width:1800px) {
    .page4-content-right-item{padding: 40px 20px;}
     .page4-right-item-v2{margin-bottom: 11px;}
}

@media screen and (max-width:1700px) {
    .page4-content-right-item{padding: 35px 20px;}
    .page4BorderRight1{padding-bottom:31px !important}
    .page4-right-item-v2{margin-bottom: 3px;}
}
@media screen and (max-width:1600px) {
    .page4-content-right-item{padding: 30px 20px;}
}

@media screen and (max-width:1500px) {

    .page3-item-box{position: absolute;left:6%; width:86%;bottom: 0;padding-bottom: 4%;}
    .page3-content-title{font-size: 18px;}
    .page3-content-line{display: block; border-bottom: 1px solid #d7004a;width:60%;margin:15px 0 10px 0}
    .page3-content-text{font-size: 16px;color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
    .page3-content-date{display: block;color:#fff;font-size: 16px;}

    .page4-content-text{line-height: 36px;font-size: 16px;}
    .page4-content-right-item{padding: 20px;}
    .page4BorderRight1{padding-bottom:16px !important}

}

@media screen and (max-width:1300px) {
    .page4-content-right{padding:30px 0 7px 13px;}
    .page4-content-right-item{width:33.33%;padding:15px; display: flex;justify-content: center;align-items: center;flex-direction: column;}
    .page4BorderBottom{border-bottom: 1px solid #e2e2e2;}
    .page4BorderRight{border-right: 1px solid #e2e2e2;}
    .page4-right-item-t{font-size: 20px;display: block;color: #f39800;}
    .page4-m-bottom{margin-bottom: 10px;}
    .page4-right-item-n1{font-size: 24px;}
    .page4-right-item-v{font-size: 14px;color: #515151;}
    .page4-right-item-v2{margin-bottom: 5px;}
    .page4-right-item-n{font-size: 36px;font-weight: bold;}
    .page7-left-img{position: relative !important;} 
}

@media screen and (max-width:1160px) {
    .page5-btn2{right: 30px;}
}


@media screen and (max-width:1015px) {
    .index-banner-switch-left{width:40px;height:40px;left:20px}
    .index-banner-switch-right{width:40px;height: 40px;right: 20px;}
    .index-banner-box:hover .index-banner-switch-left{left: 20px}
    .index-banner-box:hover .index-banner-switch-right{right:  20px;}
    .scoll_icon{width: 28px;height: 28px;}
    .index-scroll-btn{width: 50px;height: 50px;}
    .index-banner-item-box{bottom:8px}
    .index-banner-item{margin: 0 5px;}

    .page4-content-box{padding-top: 0;padding-bottom: 40px;}
    .page4-content-left{width:100%;padding-top:20px ;padding-left: 0;}
    .page4-content-text{line-height: 32px;margin-bottom: 30px;}
    .page4-item-box{position: relative;}
    .page4-content-right{position:relative;padding:20px 0 4px 13px;width:calc(100% - 30px) !important;left:30px !important;margin: 30px 0 0 0;}
    .page4-content-right-item{width:33.33%;padding:10px; display: flex;justify-content: center;align-items: center;flex-direction: column;}
    .page4BorderBottom{border-bottom: 1px solid #e2e2e2;}
    .page4BorderRight{border-right: 1px solid #e2e2e2;}
    .page4-right-item-t{font-size: 16px;display: block;color: #f39800;}
    .page4-right-item-v{font-size: 12px;color: #515151;}
    .page4-right-item-v2{margin-bottom: 7px;}
    .page4-right-item-n{font-size: 26px;font-weight: bold;}
    .page4-m-bottom{margin-bottom: 0;}
    .page4-right-item-n1{font-size: 14px;}

    .page5-content-box{padding-top: 10px;padding-bottom: 40px;}
    .page5-title-box{float: none;padding-top: 0;}
    .page5-content{width: 100%;}
    .page5-btn2{display: flex;left: 0;right: 0;margin: auto;margin-top:20px;position: relative;}

    .page7-title{text-align: center;}
    .page7-content-box{display: block;margin-bottom: 30px; position: relative; width:100%;}
    .page7-left-box{width:100%;position: relative;padding-top: 0px;}
    .page7-left-img{width:100%;height:100%;position: absolute;top: 0;left:0; background-position: center;background-size: cover;}
    .page7-left-bg{padding:12px 20px 0 20px; background-color: rgba(0,0,0,.5);color: #fff;position: relative;bottom: 0;left:0;width: 100%;}
    .page7-left-title{font-size: 20px;font-weight: bold;}
    .page7-left-text{font-size: 18px;line-height: 40px;}
    .page7-left-from{line-height: 40px;font-size: 16px;}
    .page7-right-box{width:100%;padding-left: 0%;text-align: left;margin-left: 0;margin-top:30px;position: relative !important;}
    .page7-left-line{display: block;width:50%;border-bottom: 1px solid #fff;margin: 15px 0;}
    .page7-right-title{font-size: 18px;color: #f39600;font-weight: bold;line-height: 32px;}
    .page7-right-text{font-size: 16px;color: #515151;margin-top: 15px;line-height: 32px;}
    .page7-right-from{font-size: 16px;margin-top: 5px;line-height: 40px;}
    .page7-right-date{font-size: 16px;margin-top: 5px;margin-bottom: 15px;}
    .page7-btn{margin: auto;margin-top: 20px;}


    .page8-content{flex-direction:column;align-items:center}
    .page8-left{margin: 0;font-size: 32px;}
    .page8-right{font-size: 32px;margin-top: 20px;}
    .page8-right-ico{font-size: 16px;border-width: 2px;}

   

}
@media screen and (max-width:768px) {
    .page2-content-mark-box{display: flex;}
    .page2-content-item .page-item-btn{left: 0;right: 0;margin:auto;}
    .page3-content-mark-box{display: flex;}

    .videoPreview{position: absolute;left: 50%;height: 80%;width:98%;top:50%;transform: translate(-50%,-50%);}
    .videoPreviewCloseBtn{position: absolute;top:10px;right:10px;height:30px;width:30px;border-radius: 50%;background-image:url("/public/images/closeBtn.png");background-position: center;cursor: pointer; background-repeat: no-repeat;background-size: 70%;background-color: #d7004a;}

    .page5-item-a{font-size: 12px;margin-right: 10px;}
    .page5-down-ico{margin-left: 3px;}
    .page5-view-ico{margin-left: 3px;}

   .pageContentTitle{font-size:28px ;}
   .page2-item-title{font-size: 16px;height: auto;}
   .page7-left-title,.page7-right-title{font-size: 16px;line-height: 26px;}
   .page7-left-text,.page7-right-text{font-size: 14px;line-height: 24px;}
   .page7-left-from,.page7-right-from,.page7-right-date{font-size: 14px;}
    .page6Bg{padding-top: 38%;}
    .page8-content-box{padding-top:45%}
}