.banner{position: relative;height: 0;background: url(/uploads/image/dddhimages/banner_bg.png);z-index: 3;background-size: cover;/* padding-bottom: calc(930% / 19.2); */}
.banner .banner_mid{display: block;position: absolute;top: 15%;/* transform: translatey(-92%); */left: 0;width: 100%;}
.banner .banner_title{display: block;margin: 0 auto;width: calc(1608% / 19.2);max-width: 1694px;}
.banner .banner_logo{display: block;margin: 0 auto 148px;width: calc(150% / 19.2);max-width: 150px;}

.wrap_mode01,.wrap_mode02,.wrap_mode03,.wrap_mode04,.wrap_mode05,.wrap_mode06{box-sizing: border-box;height: 100vh;}

.index_title{display: block;margin: 0 auto 14px;padding: 0 0 35px;position: relative;background: url(/uploads/image/dddhimages/index_title_bg2.png) right center no-repeat;}
.index_title::before{content: '';display: block;position: absolute;left: 240px;right: 330px;height: 23px;background: url(/uploads/image/dddhimages/index_title_bg.png);top: 50%;transform: translatey(-50%);}
.index_title img{/* display: block; */}

.content{padding: 0 0 0 0;position: relative;z-index: 1;}
.wrap_mode01{/* padding: 95px 0 168px; */overflow: hidden;background: url(/uploads/image/dddhimages/mode01_bg.png) center bottom no-repeat;}
.mode01{position: relative;}
.mode01 .slick-list{overflow: visible;}

.index_011 ul{margin: 0 0 40px -80px;}
.index_011 li{width: 50%;}
.index_011 a{margin: 0 0 50px 80px;position: relative;}
.index_011 a::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 16.7%;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.88));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.88));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.88));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.88));z-index: 2;}
.index_011 .title{margin: 0 0 0;position: absolute;left: 30px;right: 30px;bottom: 15px;color: #fff;z-index: 2;}

.index_012 ul{margin: 0 0 0 -50px;}
.index_012 li{width: 33.3%;}
.index_012 a{margin: 0 0 0 50px;border: 1px solid #dcdcdc;padding: 20px 25px 34px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;background: #fff;}
.index_012 .time{color: #94070a;background: url(/uploads/image/dddhimages/mode01_time2.png) left center no-repeat;padding: 0 0 0 30px;margin: 26px 0 0;}
.index_012 a:hover{box-shadow: 0 10px 20px rgba(148, 7, 10, .1);border: 1px solid #fff;}

.wrap_mode02{/* padding: 50px 0 90px; */background: #fcfcfa;}
.mode02{position: relative;}

.index_02 ul{margin: 0 10px -60px -90px;}
.index_02 li{width: 50%;}
.index_02 a{margin: 0 0 60px 90px;background: #fff;position: relative;padding: 31px 29px 48px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;box-shadow: 10px 10px #f3f0e9;}
.index_02 a::before{content: '';display: block;width: 3px;height: 24px;background: #e99430;position: absolute;left: 0;top: 30px;}
.index_02 .time{color: #94070a;background: url(/uploads/image/dddhimages/mode01_time2.png) 4px center no-repeat;padding: 0 0 0 28px;margin: 0 0 18px;}
.index_02 a:hover{box-shadow: 0 10px 20px rgba(148, 7, 10, .1);}

.wrap_mode03{/* padding: 97px 0 133px; */overflow: hidden;}
.mode03{position: relative;}

.index_03 > ul{margin: 0 -35px 0 -45px;padding: 5px 0 47px;}
.index_03 li{}
.index_03 a{margin: 0 45px 59px;padding: 20px;overflow: hidden;position: relative;display: block;background: #fff;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;border: 1px solid #dcdcdc;box-shadow: 10px 10px #eee;}
.index_03 .img_box{width: 364px;float: left;}
.index_03 .info_box{margin: 0 0 0 395px;padding: 2px 0 0 0;}
.index_03 .title{margin: 0 0 18px;-webkit-line-clamp: initial;max-height: 96px;height: auto;}
.index_03 .time{background: url(/uploads/image/dddhimages/mode01_time2.png) left center no-repeat;padding: 0 0 0 25px;color: #555;}
.index_03 .more{position: absolute;right: 30px;bottom: 20px;width: 94px;height: 26px;line-height: 26px;border: 1px solid #b55757;text-align: center;color: #777;border-radius: 20px;}
.index_03 .more::before{content: '';display: block;width: 24px;height: 1px;background:#b55757;position: absolute;left: -14px;top: 50%;border-radius: 30px;bottom: 20px;}
.index_03 a:hover{box-shadow: 0 10px 20px rgba(148, 7, 10, .1);}

.index_03 .slick-dots{bottom: 6px;}
.index_03 .slick-dots li{width: 10px;height: 10px;margin: 0 15px;border: 1px solid #94070a;border-radius: 50%;}
.index_03 .slick-dots li button{display: none;}
.index_03 .slick-dots li.slick-active{background:#94070a;}

.wrap_mode04{/* padding: 100px 0 153px; */background: url(/uploads/image/dddhimages/mode04_bg.png) right center no-repeat;background-size: cover;}
.mode04{position: relative;}
.mode04 .index_title{margin-bottom: 15px;}
.mode04 .index_title::before{background-image: url(/uploads/image/dddhimages/index_title_bg3.png);}
.mode04 .lf{width: calc(100% - 500px);float: left;padding: 19px 0 0;}
.mode04 .rt{width: 460px;float: right;overflow: hidden;padding: 19px 0 0;}

.index_041 ul{margin: 0 0 0 0;}
.index_041 li{}
.index_041 a{margin: 0 0 0;display: block;position: relative;}
.index_041 .video{content: '';display: block;width: 40px;height: 40px;background: url(/uploads/image/dddhimages/mode04_video.png) center no-repeat;position: absolute;left: 50px;bottom: 32px;z-index: 2;}
.index_041 a::after{content: '';display: block;background: url(/uploads/image/dddhimages/mode04_cover.png) center no-repeat;position: absolute;right: 0;bottom: 0;left: 0;z-index: 0;padding-bottom: calc(148% / 9.24);background-size: 100% 100%;display: none;}
.index_041 .title{margin: 0 0 0;position: absolute;left: 120px;right: 30px;bottom: 38px;color: #fff;z-index: 2;display: none;}
.index_041 .img{position: relative;}
.index_041 .img video{display: block;width: 100%;position: absolute;height: 100%;left: 0;top: 0;}

.index_042{margin: 0 0 0 10px;background:rgba(255, 255, 255, .66);padding: 39px 0;}
.index_042 ul{margin: 0 0 0 0;}
.index_042 li{}
.index_042 a{margin: 15px 0;display: block;padding: 16px 30px 16px 40px;position: relative;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_042 a::before{content: '';display: block;position: absolute;top: 0;left: 40px;width: 50px;height: 3px;background:#e99430;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;opacity: 1;}
.index_042 .title{margin: 0 0 7px;}
.index_042 .info{color: #555;}
.index_042 .slick-list{margin-left: -10px;}
.index_042 .slick-current a,.index_042 a:hover{background: #94070a;}
.index_042 .slick-current a::before,.index_042 a:hover::before{opacity: 0;}
.index_042 .slick-current .title,.index_042 .slick-current .info,.index_042 a:hover .title,.index_042 a:hover .info{color: #fff;}

.index_042 .slick-arrow{border: 0;width: 100%;height: 30px;font-size: 0;outline: none;background: center no-repeat;transform: none;}
.index_042 .slick-arrow:after{display: none;}
.index_042 .slick-prev{left: 0px;background-image: url(/uploads/image/dddhimages/mode04_prev1.png);top: -30px;}
.index_042 .slick-next{right: 0px;background-image: url(/uploads/image/dddhimages/mode04_next1.png);bottom: -30px;top: auto;}
.index_042 .slick-prev:hover{background-image: url(/uploads/image/dddhimages/mode04_prev2.png);}
.index_042 .slick-next:hover{background-image: url(/uploads/image/dddhimages/mode04_next2.png);}

.wrap_mode05{/* padding: 95px 0; */position: relative;}
.wrap_mode05::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(/uploads/image/dddhimages/mode05_bg.png) center no-repeat;}
.mode05{position: relative;}
.mode05 .index_title::before{display: none;}

.index_05 > ul{padding: 40px 0 13px;}
.index_05 li{}
.index_05 a{margin: 0 0 0;display: block;padding: 40px 0 0;}
.index_05 .img_box{transform: scale(.78);margin: 0 0 106px;position: relative;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_05 .img_box::before{content: '';display: block;position: absolute;left: -37px;right: -37px;top: -37px;bottom: -37px;background: #faf5eb;border-radius: 50%;box-shadow: 0 10px 20px rgba(148,7,10,.15);opacity: .33;transform: scale(0);transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_05 .img_box::after{content: '';display: block;position: absolute;left: -18px;right: -18px;top: -18px;bottom: -18px;background: rgba(255,255,255,.66);border-radius: 50%;transform: scale(0);transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_05 .img{padding-bottom: 100%;border-radius: 50%;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;background:#000;position: relative;z-index: 2;}
.index_05 .img img{opacity: .55;}
.index_05 .slick-active .img_box{transform-origin: left center;}
.index_05 .slick-current   .slick-active .img_box{transform-origin: right center;}
.index_05 .slick-current .img_box{transform: scale(1.08);transform-origin: center;}
.index_05 .slick-current .img img{opacity: 1;}
.index_05 .title{margin: 0 0 0;height: 24px;line-height: 24px;text-align: center;opacity: 0;}
.index_05 .slick-current .title{opacity: 1;}

.index_05 .slick-current .img_box::before,.index_05 .slick-current .img_box::after{transform: scale(1);}

.index_05 .slick-arrow{border: 0;width: 50px;height: 50px;font-size: 0;outline: none;background: center no-repeat;top: auto;transform: none;bottom: 0;}
.index_05 .slick-arrow:after{display: none;}
.index_05 .slick-prev{left: calc(33.3% - 125px);background-image: url(/uploads/image/dddhimages/mode05_prev1.png);}
.index_05 .slick-next{right: calc(33.3% - 125px);background-image: url(/uploads/image/dddhimages/mode05_next1.png);}
.index_05 .slick-prev:hover{background-image: url(/uploads/image/dddhimages/mode05_prev2.png);}
.index_05 .slick-next:hover{background-image: url(/uploads/image/dddhimages/mode05_next2.png);}

.wrap_mode06{/* padding: 51px 0 0; */background: #fcfcfa;overflow: hidden;}
.mode06{position: relative;}
.mode06 .index_title::before{left: 286px;}
.index_06{overflow: hidden;padding: 53px 0;}
.index_06 ul{padding: 300px 0;white-space: nowrap;display: inline-block;}
.index_06 li{width: 235px;position: relative;height: 74px;}
.index_06 li:nth-child(2n 1){background: url(/uploads/image/dddhimages/mode06_line5.png) right center no-repeat;}
.index_06 li:nth-child(2n){background: url(/uploads/image/dddhimages/mode06_line4.png) right center no-repeat;}
.index_06 li:nth-child(1){background: url(/uploads/image/dddhimages/mode06_line1.png) right center no-repeat;}
.index_06 li:nth-child(2){background: url(/uploads/image/dddhimages/mode06_line2.png) right center no-repeat;}
.index_06 li:nth-child(3){background: url(/uploads/image/dddhimages/mode06_line3.png) right center no-repeat;}
.index_06 li:last-child{margin-right: 120px;}
.index_06 li:last-child::before{content: '';display: block;background: url(/uploads/image/dddhimages/mode06_dot.png) center no-repeat;width: 36px;height: 36px;position: absolute;right: -32px;bottom: -6px;}
.index_06 li:last-child:nth-child(2n)::before{bottom: auto;top: 0;}
.index_06 a{margin: 0 0 0;white-space: normal;position: absolute;left: 0;padding: 48px 45px;width: 306px;}
.index_06 li:nth-child(2n 1) a{background: url(/uploads/image/dddhimages/mode06_dot1.png) left bottom no-repeat;bottom: 52px;}
.index_06 li:nth-child(2n) a{background: url(/uploads/image/dddhimages/mode06_dot2.png) left top no-repeat;top: 52px;}
.index_06 .img_box{max-width: 260px;margin: 0 0 10px;}
.index_06 .title{margin: 0 0 18px;height: 28px;line-height: 28px;font-family: 'num';color: #94070a;}
.index_06 .title span{color: #666;padding: 0 0 0 8px;}
.index_06 .img_box   .info{max-height: 56px;}

.mode07 .index_title::before{left: 556px;}
.index_07{max-height: calc(100vh - 260px);overflow: hidden;padding: 32px 0 0;display: block;}
.index_07 .img{padding-bottom: 28.125%;}
.mode07_more{display: block;margin: 95px auto 0;border-top: 1px solid #cfa972;line-height: 24px;padding: 6px 9px 0;color: #94070a;width: 82px;}
.mode07_more::before{content: '';display: block;background: url(/uploads/image/dddhimages/mode07_more.png) center no-repeat;width: 6px;height: 10px;float: right;margin: 7px 0 0;}

.fp-watermark{display: none !important;}
.fp-tablecell{position: relative;}

@media screen  and (min-width:1024px){
    

}
@media screen  and (max-height:800px){
    
    .banner .banner_logo{width: 100px;margin: 0 auto 60px;}

    /* .wrap_mode01{padding: 60px 0 80px;} */
    .index_011 > ul{}
    .index_011 a{}
    
    .index_02 ul{margin: 0 0 -20px -40px;padding: 10px 0 0;}
    .index_02 a{padding: 12px 16px;margin: 0 0 40px 40px;}
    .index_02 a::before{top: 10px;}
    .index_02 .time{margin: 0 0 10px;}
    
    /* .wrap_mode03{padding: 60px 0 80px;} */
    .index_03 > ul {}
    .index_03 a {margin: 0 30px 30px;}
    
    .mode04 .lf{width: 64%;}
    .mode04 .rt{width: 30%;padding-top: 55px;}
    .index_042 .info{display: none;}
    
    .index_05 > ul{padding: 0 0 10px;}
    .index_05 .img{margin: 0 0 50px;}
    
    .index_06{padding: 20px 0;}
    .index_06 ul{padding: 250px 0;}
    .index_06 a{padding: 36px;}
    .index_06 .img_box{width: 160px;}
    .index_06 .title{margin: 0 0 10px;}
    
    .index_07{max-height: calc(100vh - 260px);padding: 0 0 0;}
    .mode07_more{margin: 40px auto 0;}
}
@media screen  and (max-width:1480px){
    
    .banner .banner_logo{width: 100px;margin: 0 auto 60px;}

    /* .wrap_mode01{padding: 60px 0 80px;} */
    .index_011 > ul{}
    .index_011 a{}
    
    .index_02 ul{margin: 0 0 -20px -40px;padding: 10px 0 0;}
    .index_02 a{padding: 12px 16px;margin: 0 0 40px 40px;}
    .index_02 a::before{top: 10px;}
    .index_02 .time{margin: 0 0 10px;}
    
    /* .wrap_mode03{padding: 60px 0 80px;} */
    .index_03 > ul {}
    .index_03 a {margin: 0 30px 30px;}
    
    .mode04 .lf{width: 64%;}
    .mode04 .rt{width: 32%;    padding-top: 55px;}
    .index_042 .info{display: none;}
    
    .index_05 > ul{padding: 0 0 10px;}
    .index_05 .img{margin: 0 0 50px;}
    
    .index_06{padding: 0;}
    .index_06 ul{padding: 250px 0;}
    .index_06 a{padding: 36px;}
    .index_06 .img_box{width: 160px;}
    .index_06 .title{margin: 0 0 10px;}
    
    .index_07{max-height: calc(100vh - 260px);padding: 0 0 0;}
    .mode07_more{margin: 40px auto 0;}
}
@media screen  and (max-width:1200px){
    .index_011 > ul{margin: 0 0 0 -40px;}
    .index_011 a{margin: 0 0 30px 40px;}
    .index_011 .title{line-height: 24px;}
    
    .index_012 ul{margin: 0 0 0 -30px;}
    .index_012 a{margin: 0 0 0 30px;padding: 12px 16px;}
    .index_012 .time{margin: 12px 0 0;}
    
    .mode04 .index_title{margin: 0 0 20px;}
    .mode04 .lf{width: auto;float: none;padding: 0;}
    .mode04 .rt{display: none;}
    
}
@media screen  and (max-width:1000px){
    .banner{height: auto;padding-top: 60%;}
    
    .banner .banner_logo{width: 15%;margin: 0 auto 10px;}
    .banner .banner_mid{width: 90%;left: 5%;}
    
    .arrow_container{display: none;}
    
    .wrap_mode01,.wrap_mode02,.wrap_mode03,.wrap_mode04,.wrap_mode05,.wrap_mode06,.wrap_mode07{box-sizing: border-box;height: auto;padding: 30px 0;overflow: hidden;}
    .index_title img{height: 60px ;}
    
    footer{padding-left: 0;}
    .row{padding-left: 0;padding-right: 0;}
    
    .wrap_mode05::before{right: 0;}
    .index_02 li:last-child { display: none;}
    .index_02 li:nth-last-child(2) { display: none;}
	
	.index_03 .slick-dots li{margin: 0 6px;}
}
@media screen  and (max-width:767px){
    .index_title{background-position: left bottom;}
    .index_title::before{right: 0;}
    
    .index_011 .img_box{width: auto;float: none;}
    .index_011 .info_box{margin: 0;overflow: hidden;}
    .index_012 li{width: 100%;margin-bottom: 10px;}
    
    .index_011 li,.index_02 li{width: 100%;}
    
    .index_03 .img_box{width: auto;float: none;}
    .index_03 .info_box{margin: 0;}
    .index_03 .title{height: auto;}
    
    .index_041 .video{width: 24px;height: 24px;background-size: 100%;left: 20px;bottom: 20px;}
    .index_041 .title{left: 60px;bottom: 16px;}
    
    .index_05 a{padding: 20px 0 0;}
    .index_05 .img_box{margin: 0 70px 30px;}
    .index_05 .slick-current .img_box{transform: scale(1);}
    .index_05 .img_box::before,.index_05 .img_box::after{display: none;}
    
    
}
@media screen  and (max-width:639px){
    .index_title img{height: 50px ;}
    
}
@media screen  and (max-width:479px){
    
    
    
}
@media screen  and (max-width:413px){
    .index_title{background-size: 100% auto;}
    .index_011 .title{left: 12px;right: 12px;}
    
    
}
@media screen  and (max-width:320px){
    
    
    
}