.index{display: none;}

.dnpc{display: block;position: fixed;width: 100%;height: 100vh;max-width: 1920px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}

.dnpc img{display: block;width: 100%;height: auto;}

.dnpc .img{position: absolute;top: 140px;left: 0;z-index: 2;}

.fzl{display: block;}

#dowebok{width: 100%;height: 100vh;z-index: 6;max-width: 1920px;margin: 0 auto;}

#dowebok .section_1{background: #000;}

#dowebok .section_1 .swiper_x1{width: 100%;height: 100%;}

#dowebok .section_1 .swiper_x1 .sbox{width: 100%;height: 100vh;position: relative;overflow: hidden;}

#dowebok .section_1 .swiper_x1 .sbox > img{display: block;width: 100%;height: 100vh;}

#dowebok .section_1 .swiper_x1 .sbox > .mimg{display: none;}

#dowebok .section_1 .swiper_x1 .sbox video{display: block;height:  100%;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;object-fit: cover;}

#dowebok .section_1 .swiper_x1 .next_x1{display: block;width: 64px;height: 64px;float: right;background: url(../images/product_3.png) center no-repeat;right: 5%;}

#dowebok .section_1 .swiper_x1 .prev_x1{display: block;width: 64px;height: 64px;float: right;background: url(../images/product_p3.png) center no-repeat;left: 5%;}

#dowebok .section_1 .swiper_x1 .swiper-pagination{display: none;}

#dowebok .section_1 .swiper_x1 .next_x1 span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;background: url(../images/product_2.png) center no-repeat;}

#dowebok .section_1 .swiper_x1 .prev_x1 span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;background: url(../images/product_2.png) center no-repeat;}

#dowebok .section_1 .swiper_x1 .next_x1:hover{background: url(../images/product_3j.png) center no-repeat;}

#dowebok .section_1 .swiper_x1 .prev_x1:hover{background: url(../images/product_p3j.png) center no-repeat;}

#dowebok .section_1 .swiper_x1 .next_x1:hover span,#dowebok .section_1 .swiper_x1 .prev_x1:hover span{background: url(../images/product_2j.png) center no-repeat;animation: zhuan 2s linear forwards;-webkit-animation: zhuan 2s linear forwards;}

#dowebok .section_1 .swiper_x1 .banner_d{position: absolute;bottom: 54px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 2;-webkit-animation: banner_d 2s linear 2s;-moz-animation: banner_d 2s linear 2s;animation: banner_d 2s linear 2s;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}

#dowebok .section .bgimg{display: block;
    width: auto;
    height: 100%;
    max-width: 2000px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);-webkit-transform: translateX(-50%);}

#dowebok .section .ssbox{position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;text-align: center;color: #fff;}

#dowebok .section .ssbox .w1600{top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

#dowebok .section_2 .ssbox .w1600 .tt1{line-height: 36px;margin: 30px 0 10px;}

#dowebok .section_2 .ssbox .w1600 .more{display: block;width: 115px;line-height: 26px;color: #fff;background: url(../images/i3_yjt.png) right center no-repeat;margin: 50px auto 130px;text-align: left;}

#dowebok .section_2 .ssbox .w1600 .more:hover{background: url(../images/i2_jt.png) right center no-repeat;color: #f60;}

#dowebok .section_2 .ssbox .w1600 .ul1{}

#dowebok .section_2 .ssbox .w1600 .ul1 li{width: 25%;float: left;padding-left: 40px;}

#dowebok .section_2 .ssbox .w1600 .ul1 li > div{display: table;text-align: center;}

#dowebok .section_2 .ssbox .w1600 .ul1 li:nth-child(n + 3) > div{float: right;}

#dowebok .section_2 .ssbox .w1600 .ul1 li:nth-child(n + 3){padding-right: 40px;}

#dowebok .section_2 .ssbox .w1600 .ul1 li .num {font-weight: bold;line-height: 1;margin-bottom: 15px;background-image: -webkit-linear-gradient(bottom,#6e6e6e,#fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

#dowebok .section_3{z-index: 5;}

#dowebok .section_3 ,#dowebok .section_3 .fp-tableCell{overflow: visible !important;}

#dowebok .section_3 .ul1{padding: 0 0 100px;margin-top: -100px;}

#dowebok .section_3 .ul1 li{width: 33.33%;height: 305px;position: relative;overflow: hidden;float: left;background: #000;}

#dowebok .section_3 .ul1 li > img{display: block;max-width: 900px;height: 100%;width: auto;position: relative;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}

#dowebok .section_3 .ul1 li a{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;padding: 175px 45px 0;color: #fff;line-height: 1.5;}

#dowebok .section_3 .ul1.act li{width: 25%;}

#dowebok .section_3 .ul1.act li > img{opacity: 0.5;}

#dowebok .section_3 .ul1 li.act a{padding-top: 80px;}

#dowebok .section_3 .ul1 li.act{width: 50%;}

#dowebok .section_3 .ul1.act li.act > img{opacity: 1;}

#dowebok .section_4{}

#dowebok .section_4 .sbox .w1600{top: 55%;}

#dowebok .section_4 .slt{width: 270px;float: left;text-align: justify;padding-top: 80px;}

#dowebok .section_4 .slt li{padding-left: 35px;border-left: 5px solid rgba(255, 255, 255, 0.1);margin-bottom: 100px;cursor: pointer;}

#dowebok .section_4 .slt li div{color: #fff;}

#dowebok .section_4 .slt li .ltt{margin-bottom: 20px;}

#dowebok .section_4 .slt li:last-child{margin-bottom: 0;}

#dowebok .section_4 .slt li.act{border-left: 5px solid #f60;}

#dowebok .section_4 .slt li.act div{color: #f60;}

#dowebok .section_4 .srt{width: calc(100% - 400px);float: right;position: relative;}

#dowebok .section_4 .srt li{position: absolute;overflow: hidden;width: 100%;top: 0;left: 0;z-index: 2;opacity: 0;}

#dowebok .section_4 .srt li > img{display: block;width: 100%;}

#dowebok .section_4 .srt li:nth-child(1){position: relative;}

#dowebok .section_4 .srt li .anniu{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;}

#dowebok .section_4 .srt li .anniu .txt{text-align: center;}

#dowebok .section_4 .srt li .anniu .txt .p{color: #fff;line-height: 32px;}

#dowebok .section_4 .srt li .anniu .txt em{color: #fff;line-height: 24px;padding-right: 16px;background: url(../images/i3_yjt.png)no-repeat right center;position: relative;top: 0;overflow: hidden;opacity: 0;font-style: normal;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);-moz-transition: all .4s cubic-bezier(.4,0,.2,1);transition: all .4s cubic-bezier(.4,0,.2,1);}

#dowebok .section_4 .srt li .anniu .txt:hover em{opacity: 1;height: auto;}

#dowebok .section_4 .srt li .anniu .txt em:hover{top: -3px;}

#dowebok .section_4 .srt li .anniu .txt .yuan{position: relative; z-index: 2;width: 50px;height: 50px;margin: 0 auto;margin-top: 20px;}

#dowebok .section_4 .srt li .anniu .txt .yuan s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;border-radius: 50%;border: 1px solid #eee; -webkit-transform: scale(1); transform: scale(1); }

#dowebok .section_4 .srt li .anniu .txt .yuan .s1{animation: ss2 3s linear infinite ;-webkit-animation: ss2 3s linear  infinite;}

#dowebok .section_4 .srt li .anniu .txt .yuan .s2{animation: ss2 3s linear  0.75s infinite ;-webkit-animation: ss2 3s linear 0.75s  infinite;}

#dowebok .section_4 .srt li .anniu .txt .yuan .s3{animation: ss2 3s linear  1.5s infinite ;-webkit-animation: ss2 3s linear  1.5s infinite;}

#dowebok .section_4 .srt li .anniu .txt .yuan .s4{animation: ss2 3s linear  2.25s infinite ;-webkit-animation: ss2 3s linear  2.25s infinite;}

#dowebok .section_4 .srt li .anniu .txt .yuan .dian{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

#dowebok .section_4 .srt li:nth-child(1) .txt1 {position: absolute;left: 23%;bottom: 18%;}

#dowebok .section_4 .srt li:nth-child(1) .txt2 {position: absolute;right: 14%;top: 38%;}

#dowebok .section_4 .srt li:nth-child(1) .txt2 .yuan {margin-bottom: 20px;}

#dowebok .section_4 .srt li.act{opacity: 1;z-index: 3;}

#dowebok .section_4 .srt li:nth-child(2) .txt1 {position: absolute;left: 23%;bottom: 22%;}

#dowebok .section_4 .srt li:nth-child(2) .txt2 {position: absolute;right: 21%;top: 25%;}

#dowebok .section_4 .srt li:nth-child(3) .txt1 {position: absolute;left: 23%;bottom: 22%;}

#dowebok .section_5{}

#dowebok .section_5 .tt{text-align: justify;margin-bottom: 200px;}

#dowebok .section_5 .abtn{width: 200px;height: 40px;line-height: 40px;border-radius: 30px;}

#dowebok .section_5 .abtn span{float: left;width: 50%;cursor: pointer;border: 1px solid #fff;}

#dowebok .section_5 .abtn span:nth-child(1){border-radius: 20px 0 0 20px;border-right: 0;}

#dowebok .section_5 .abtn span:nth-child(2){border-radius: 0 20px 20px 0;border-left: 0;}

#dowebok .section_5 .abtn span.act{background: #f60;border: 1px solid #f60;}

#dowebok .section_5 .lunbo{width: 660px;height: 180px;margin: 30px 0;position: relative;}

#dowebok .section_5 .lunbo li{width: 100%;height: 180px;position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}

#dowebok .section_5 .lunbo li.act{opacity: 1;z-index: 5;}

#dowebok .section_5 .lunbo li .swiper_x{width: 100%;height: 100%;text-align: justify;}

#dowebok .section_5 .lunbo li .swiper_x .sbox{line-height: 36px;position: relative;}

#dowebok .section_5 .lunbo li .swiper_x .sbox a{display: block;position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;}

#dowebok .section_5 .lunbo li .swiper_x .sbox .day{display: block;width: 140px;float: left;}

#dowebok .section_5 .lunbo li .swiper_x .sbox .txt{width: calc(100% - 140px);float: left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#dowebok .section_5 .ssbox .w1600 {top: 60%;}

#dowebok .section_5 .mroe{margin-top: 50px;}

#dowebok .section_5 .mroe span{display: block;float: left;border-bottom: 1px solid #fff;padding-bottom: 2px;cursor: pointer;}

#dowebok .section_5 .mroe span:hover{color: #f60;border-bottom: 1px solid #f60;}

.xintc.z_tanchuang{z-index: 99;}

.xintc.z_tanchuang .tbox .modal{height: 76.5%;max-width: 1600px;padding: 100px;border-radius: 16px;max-height: 56%!important;}

.xintc.z_tanchuang .tbox .modal .img{max-width: 1600px;height: 100%;max-height:800px;overflow-y: auto;}

.xintc.z_tanchuang .tbox .modal .out{background-size:40px;right: 20px;top: 20px;}

.xintc .z_tanchuang .tbox .modal .out:hover{background-size:40px;}

.xintc .left{float: left;text-align: left;padding-right: 100px;width: 13%; margin-right: 5%;border-right: 1px solid #e5e5e5;height: 100%;}

.xintc .right{float: left;text-align: left;line-height: 66px; margin-top: -8px;font-size: 0;width: 82%;padding-right: 50px;}

.xintc.z_tanchuang .tbox .modal .img::-webkit-scrollbar{ width:4px;height: 1px;}

.xintc.z_tanchuang .tbox .modal .img::-webkit-scrollbar-thumb{ background:#ff6600;}

.xintc.z_tanchuang .tbox .modal .img::-webkit-scrollbar-track{ background:#fff;}

.xintc .right li{height: 66px;border-bottom: 1px dashed #ededed;color: #666666;padding-left: 18px;}

.xintc .right li:nth-child(2n){background: #f7f7f7;}

.xintc .right li:hover{background: #ff6600;color: #fff;}

.xintc .right span{display: inline-block;}

.xintc .right span.day{position: relative; width: 24%;height: 66px;overflow: hidden;text-overflow: ellipsis;padding-left: 20px;}

.xintc .right span.day:after{content: "";position: absolute; width: 6px;height: 6px;background: #666666;border-radius: 50%;top: 30px;left: 0;}

.xintc .right li:hover span.day:after{background: #fff;}

.xintc .right span.r_con{width: 76%;height: 66px;overflow: hidden;text-overflow: ellipsis;}

#dowebok .section_6 .tt{}

#dowebok .section_6 .tt .tlt{float: left;color: #333;} 

#dowebok .section_6 .tt .trt{float: right;cursor: pointer;}

#dowebok .section_6 .tt .trt span{float: left;margin-left: 50px;color: #333;}

#dowebok .section_6 .tt .trt span.act{color: #f60;}

#dowebok .section_6 .ubox{margin-top: 50px;position: relative;}

#dowebok .section_6 .ubox ul{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}

#dowebok .section_6 .ubox ul:nth-child(1){position: relative;}

#dowebok .section_6 .ubox ul.act{z-index: 3;opacity: 1;}

#dowebok .section_6 .ubox ul li{width: 33.33%;float: left;position: relative;overflow: hidden;}

#dowebok .section_6 .ubox ul:nth-child(n + 2) li{height: 100%;}

#dowebok .section_6 .ubox ul li img{display: block;width: 100%;height: 100%;}

#dowebok .section_6 .ubox ul li a{display: block;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;padding: 70px 40px;text-align: justify;background: #fff;}

#dowebok .section_6 .ubox ul li:nth-child(1) a{padding-left: 0;}

#dowebok .section_6 .ubox ul li a .day{color: #999;font-size: 50px;font-weight: bold;}

#dowebok .section_6 .ubox ul li a .year{color: #999;margin: 5px 0 40px;}

#dowebok .section_6 .ubox ul li a .att{line-height: 46px;height: 92px;overflow: hidden;text-overflow: ellipsis;color: #333;}

#dowebok .section_6 .ubox ul li a .more{background: url(../images/i5_jt.png) top left no-repeat;padding-left: 16px;position: absolute;left: 40px;bottom: 70px;}

#dowebok .section_6 .ubox ul li:nth-child(1) a .more{left: 0;}

#dowebok .section_6 .ubox ul li.act a{background: rgba(0, 0, 0, 0.5);padding: 70px 40px;}


#dowebok .section_6 .ubox ul li.act a .more{left: 40px;}

#dowebok .section_6 .ubox ul li.act a .day,#dowebok .section_6 .ubox ul li.act a .year,#dowebok .section_6 .ubox ul li.act a .att,#dowebok .section_6 .ubox ul li.act a .more{color: #fff;}

#dowebok .section_6 .ubox ul li.act a .more{background: url(../images/i5_jt.png) bottom left no-repeat;}

#dowebok .section_6 .ubox ul .xqmo{display: block;width: 84px;line-height: 20px;position: absolute;left: 50%;margin-left: -42px;bottom: -16%;background: url(../images/i5_more.png)  right  0px no-repeat ;color: #f60;text-align: justify;}

#dowebok .section_6 .ubox ul.ul3 li .att{position: absolute;width: calc(100% - 80px);left: 40px;bottom: 50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height: 48px;}

#dowebok .section_6 .ubox ul.ul3 li .bf{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}

#dowebok .section_6 .ubox ul.ul3 li .bf:after{content: ""; border: 1px solid #fff;border-radius: 50%;  display: block;width: 50px;height: 50px;position: absolute;top: 50%;left: 50%;margin-top: -25px;margin-left: -25px; z-index: 3; background: url(../images/bf.png)  center   no-repeat ;background-size: 30px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}

#dowebok .section_6 .ubox ul.ul3 li .bf:hover:after{background: url(../images/bfj.png)  center   no-repeat ;border: 1px solid #f60;background-size: 30px;}


@media(max-width:1440px){

    #dowebok .section .ssbox .w1600{top: 40%;}

    #dowebok .section_4 .slt{padding-top: 0;}

    #dowebok .section_5 .tt{margin-bottom: 60px;}

    .xintc.z_tanchuang .tbox .modal{padding: 50px;}

    #dowebok .section_3 .ul1{margin-top: -300px;}

    

}


@media(max-width:960px){

    .fzl {display: none;}

    .index{display: block;}

}