.home_swiper{height: 100vh;overflow: hidden;position: relative;z-index: 1;} .home_swiper .home_swiper_box{position: relative;transition: all ease-in-out .7s;-ms-transition: all ease-in-out .7s;-moz-transition: all ease-in-out .7s;-webkit-transition: all ease-in-out .7s;-o-transition: all ease-in-out .7s;} .home_swiper.not_first_screen .home_swiper_box{transform: translateY(-100vh);} /* .home_swiper > .swiper-wrapper{transition: transform 0.7s cubic-bezier(0.5,0,0.2,1) 0s;} */ .wrapbanner,.home_slide{height: 100vh;overflow: hidden;box-sizing: border-box;position: relative;} .home_slide{padding-top: 100px;background: #efe3d7;overflow: auto;} /* .wrap_content{position: relative;z-index: 2;height: 100vh;} */ .content{box-sizing: border-box;background: #f7ebdf;} /* .content > *{max-width: 1920px;margin: 0 auto;} */ .content footer{max-width: initial;} @media screen and (max-width: 996px){ .home_swiper.not_first_screen .home_swiper_box{transform: translateY(0);} .home_swiper,.home_swiper > .swiper-wrapper,.wrapbanner, .home_slide{height: auto;display: block;} .home_slide{padding-top: 0;} } .wrapbanner{background: #992a18;overflow: hidden;} .banner a{display:block;position:relative;} /* .banner a::before{content: '';display: block;width: 100%;height: 30%;position: absolute;top: 0;left: 0;background: -webkit-linear-gradient(top , rgba(0,0,0,.7), rgba(0,0,0,0));background: -o-linear-gradient(bottom , rgba(0,0,0,.7), rgba(0,0,0,0));background: -moz-linear-gradient(bottom , rgba(0,0,0,.7), rgba(0,0,0,0));background: linear-gradient(to bottom , rgba(0,0,0,.7), rgba(0,0,0,0));z-index: 2;} */ /* .banner a::after{content: '';display: block;width: 100%;height: 30%;position: absolute;bottom: 0;left: 0;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.55));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.55));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.55));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.55));} */ .banner .swiper-slide-active .gp-img img{animation:scaleBig 10s linear 0s 1 both;transform-style:preserve-3d} @-webkit-keyframes scaleBig{ 0%{transform:scale(1)} 100%{transform:scale(1.1)} } @keyframes scaleBig{ 0%{transform:scale(1)} 100%{transform:scale(1.1)} } .banner .title{color:#fff;white-space:nowrap;line-height:1.2em;bottom: -50px;z-index: 2;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;} .banner .swiper-slide-active .title{bottom: 38px;} .banner .gp-img{display:block;overflow:hidden;position:relative;background-size: cover !important;padding-bottom: 100vh;height: 0;} .banner .gp-img video,.banner .gp-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;} .banner .gp-img img{min-width: 100%;object-fit: cover;} .banner .gp-img video{width:100%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} /* .banner .swiper-slide-active .gp-img{animation:scaleBig 7s linear 0s 1 both;transform-style:preserve-3d} */ @-webkit-keyframes scaleBig{ 0%{transform:scale(1)} 100%{transform:scale(1.1)} } @keyframes scaleBig{ 0%{transform:scale(1)} 100%{transform:scale(1.1)} } /* .wrapbanner .swiper_menu{text-align: center;font-size: 0;height: 135px;width: 669px;background: url(../images/banner_page.png) no-repeat top center;margin: 0 auto;box-sizing: border-box;position: relative;background-size: 100% auto;} .wrapbanner .arrow{width: 36px;height: 36px;background: center no-repeat #d6c9a5;display: inline-block;vertical-align: top;cursor: pointer;border-radius: 50%;position: absolute;top: 12px;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;} .wrapbanner .prev{left: 56px;background-image: url(../images/banner_prev1.png);} .wrapbanner .next{right: 56px;background-image: url(../images/banner_next1.png);} .wrapbanner .arrow:hover{background-color: #fff;} .wrapbanner .prev:hover{background-image: url(../images/banner_prev2.png);} .wrapbanner .next:hover{background-image: url(../images/banner_next2.png);} */ .wrapbanner .swiper-pagination{left: auto;text-align: left;width: auto;bottom: auto;top: 50%;transform: translateY(-50%);width: 40px;right: 50px;} .wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 40px;height: 40px;background: rgba(0,0,0,.2);opacity: 1;border-radius: 100px;margin: 20px 0;display: block;border: 1px dashed #fff;box-sizing: border-box;line-height: 40px;text-align: center;color: #fff;} .wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #992a18;border-color: #992a18;} @media screen and (max-width:1640px){ .wrapbanner .swiper_menu{height: 90px;width: 446px;} .wrapbanner .swiper-pagination .swiper-pagination-bullet{} .wrapbanner .arrow{top: 8px;} .wrapbanner .prev{left: 40px;} .wrapbanner .next{right: 40px;} .wrapbanner .swiper-pagination{right: 30px;} } @media screen and (max-width: 996px){ .banner a{padding-top: 0;} .banner .gp-img{padding-bottom: 44.27%;height: 0;} .banner .swiper-slide-active .title{bottom: 20px;} .wrapbanner{padding: 0;} .wrapbanner .arrow{display: none;} .wrapbanner .swiper_menu{background: transparent;width: auto;height: auto;padding: 10px 0 0;} .wrapbanner .swiper-pagination{right: 12px;width: 20px;} .wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 20px;height: 20px;margin: 12px 0;font-size: 0;} } @media screen and (max-width:767px){ .banner{position: relative;} .banner .title{display: none;} .wrapbanner .swiper-pagination{} .wrapbanner .swiper-pagination{right: 6px;width: 10px;} .wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 6px 0;} } .banner_links{position: absolute;left: 0;right: 0;bottom: 0;filter: drop-shadow( 0px 10px 20px rgba(0, 0, 0, 0.15) );z-index: 2;} .banner_links ul{margin: 0 0;position: relative;z-index: 1;padding: 0 0 0 55px;} .banner_links ul::before{content: '';display: block;width: 100vw;height: 100%;background: #992a18;position: absolute;top: 0;left: 0;clip-path: polygon( 36px 0 , 100% 0, 100% 100%, 0 100%, 0 36px);z-index: -1;} .banner_links li{width: auto;} .banner_links .item{margin: 0 0;padding: 17px 0 17px 24px;line-height: 36px;color: #fff;position: relative;overflow: hidden;left: 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;} .banner_links .item::before{content: '';display: block;width: 8px;height: 8px;border: 1px dotted #fff;border-radius: 50%;top: 50%;transform: translateY(-50%);left: 0;position: absolute;} .banner_links .item::after{content: '';display: block;width: 0px;height: 50%;border-right: 1px dashed #fff;top: -5px;;left: 5px;position: absolute;opacity: .5;} .banner_links .item:hover{left: 10px;} .index_title{margin-bottom: 20px;display: block;float: left;position: relative;} .index_title::after{content: '';display: block;clear: both;} .channel_title{padding: 0 0 0;color: #000;font-family: 'Noto Serif SC';font-weight: bold;display: block;line-height: 1;margin: -3px 0 0;} .channel_title img{margin: 0 8px;transform: none;transition: all ease-in-out .5s;-ms-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;width: 31px;} .channel_title:hover img{transform: rotateY(180deg);} .channel_text{color: #999;margin: 18px 0 0;display: block;} .channel_text:hover{color: #999;} .channel_link{position: relative;z-index: 2;overflow: hidden;border-left: 1px solid rgba(153, 42, 24, .5);line-height: 50px;margin: 137px 0 0;color: #992a18;font-weight: bold;font-family: 'Noto Serif SC';padding: 0 50px 0 20px;display: inline-block;white-space: nowrap;} .channel_link i{font-size: 1.6em;display: inline-block;vertical-align: middle;font-weight: 100;margin: 0 0 0 8px;} .channel_link::before{content: '';display: block;width: 100%;height: 99%;position: absolute;top: 0;left: 0;transform: skew(31deg);transform-origin: right bottom;box-sizing: border-box;border: 1px solid rgba(153, 42, 24, .5);} .channel_link:hover i{animation: arr2 1s ease-in-out infinite;} @keyframes arr2{ 0% {transform: translateX(0);} 50% {transform: translateX(10px);} 100% {transform: translateX(0);} } .index_title.w .channel_title{color: #fff;} .index_title.w .channel_text{color: rgba(255, 255, 255, .6);} .mode01 .index_title{width: 260px;} .mode01 .channel_text{margin: 28px 0 0;color: #99908a;} .mode02 .index_title{padding: 46px 0 0;margin-bottom: 40px;min-width: 324px;} .mode02 .channel_text{margin: 11px 0 0;} .mode02 .channel_link{position: absolute;top: 0;left: 102%;border-left: none;border-right: 1px solid rgba(153, 42, 24, .5);margin: 0;padding: 0 20px 0 50px;} .mode02 .channel_link::before{transform-origin: left top;transform: skew(39deg);} .mode02 .rt .channel_link{margin-left: -32px;} .wrap_mode03 .index_title{width: 230px;} .mode05 .channel_link{margin-top: 0;} .wrap_mode06 .index_title{margin-bottom: 57px;} .wrap_mode06 .channel_title{display: inline-block;} .wrap_mode06 .channel_text{display: inline-block;margin: 0 0 0 10px;} .wrap_mode06 .channel_link{position: absolute;right: 307px;bottom: -64px;} .mode07 .channel_link{margin-top: 26px;} .mode08 .index_title{width: 220px;z-index: 2;} .mode08 .channel_link{margin-top: 88px;} .index_title2{margin-bottom: 20px;display: block;border-bottom: 1px solid #992a18;position: relative;margin-top: 29px;} .index_title2::after{content: '';display: block;clear: both;} .channel_title2{padding: 0 0 11px;color: #000;font-weight: bold;font-family: 'Noto Serif SC';} .channel_link2{position: absolute;z-index: 2;overflow: hidden;border-left: 1px solid rgba(153, 42, 24, .5);line-height: 50px;margin: 50px 0 0;color: #992a18;font-weight: bold;font-family: 'Noto Serif SC';padding: 0 50px 0 20px;display: block;white-space: nowrap;right: 0;bottom: -1px;} .channel_link2 i{font-size: 1.6em;display: inline-block;vertical-align: middle;font-weight: 100;margin: 0 0 0 8px;} .channel_link2::before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transform: skew(30deg);transform-origin: right bottom;box-sizing: border-box;border: 1px solid rgba(153, 42, 24, .5);} .wrap_mode01{padding: 70px 0 228px;background: #efe3d7 url(../images/mode01_bg.jpg) center bottom no-repeat;} .mode01{} .index_01{margin: 0 0 0 290px;} .index_01 ul{margin: 0 0 -20px -30px;padding: 0 0;} .index_01 .item{margin: 0 0 20px 30px;} .index_01 .title{margin: 0 0;} .index_01 .time{color: #fff;margin: 8px 0 16px;/*background: #992a18 url(../images/mode01_time.png) 14px center no-repeat;*/display: inline-block;line-height: 30px;border-radius: 0 50px 50px 0;padding: 0 15px 0 42px;position: relative;background: #992a18;} .index_01 .time i{position: absolute;top: 50%;transform: translateY(-50%);left: 11px;font-size: 1.5em;font-weight: 100;} .index_01 .time::before{content: '';display: block;width: 1px;height: 12px;background: rgba(255, 255, 255, .6);position: absolute;left: 35px;top: 50%;transform: translateY(-50%);} .index_01 .info{margin: 17px 0 0;color: #8c847e;} .wrap_mode02{padding: 0 0 94px;position: relative;margin-top: -80px;} .wrap_mode02::before{content: '';display: block;position: absolute;left: 0;top: 0;background: url(../images/mode02_bg.jpg) no-repeat center/cover;width: 100%;height: 100%;clip-path: polygon( 0 0, calc(50% - 440px) 0, calc(50% - 366px) 80px, calc(50% + 180px) 80px ,calc(50% + 180px) 0px ,calc(50% + 472px) 0px ,calc(50% + 546px) 80px , 100% 80px, 100% 100% , 0 100% );} .wrap_mode02::after{content: '';display: block;position: absolute;right: 0;top: 100%;background: #a31a0b;width: 295px;height: 50px;clip-path: polygon(0 0 , 100% 0, 100% 100% , 46px 100% );margin: -1px 0 0;} .mode02{} .mode02 .lf{width: calc(100% - 590px) ;float: left;} .mode02 .rt{width: 480px;float: right;} .index_02{overflow: hidden;clear: both;} .index_02a{float: left;width: 240px;} .index_02a ul{margin: 0 0 -30px;} .index_02a .item{margin: 0 0 33px;} .index_02a .title{margin: 8px 0 0;color: #fff;} .index_02b{margin: 0 0 0 283px;} .index_02b ul{margin: -18px 0 -9px;} .index_02b .item{margin: 0 0 8px;position: relative;border-bottom: 1px dashed rgba(255, 255, 255, .4);padding: 12px 0;color: #fff;} .index_02b .item::before{content: '';display: block;top: 50%;transform: translateY(-50%);width: 1px;height: 44px;position: absolute;left: 60px;background: rgba(255, 255, 255, .3);} .index_02b .time{float: left;text-align: right;width: 50px;padding: 10px 0 0;} .index_02b .day{color: #ffaa00;font-weight: bold;margin: 0 0 4px;} .index_02b .day::after{content: '';display: inline-block;width: 12px;height: 1px;background: rgba(255, 255, 255, .4);vertical-align: middle;margin: -4px 0 0 10px;font-weight: bold;} .index_02b .title{margin: 0 0 0 74px;} .index_02c{clear: both;} .index_02c ul{margin: 0 0 -38px;} .index_02c .item{margin: 0 0 38px 4px;color: #fff;position: relative;padding: 0 0 0 18px;} .index_02c .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .index_02c .item::before{content: '';display: block;width: 6px;height: 6px;background: #fba500;border-radius: 50%;position: absolute;left: 0;top: 7px;} .index_02c .item::after{content: '';display: block;width: 0px;height: 50px;position: absolute;left: 2px;top: 12px;border-left: 1px dashed #fba500;} .index_02c .tip{opacity: .6;margin: -4px 0 12px;} .wrap_mode03{padding: 166px 0 113px;background: url(../images/mode03_bg.jpg) right top no-repeat;overflow: hidden;} .mode03{margin-bottom: 60px;} .index_03{margin: 0 0 0 260px;} .index_03 ul{margin: 0 0 -20px -30px;padding: 0 0;} .index_03 .item{margin: 0 0 20px 30px;} .index_03 .bottom{padding: 9px 30px 38px;background: #fff;} .index_03 .title{} .index_03b{margin: 0 0 0 260px;overflow: hidden;} .index_03b1{display: block;width: calc(50% - 30px);float: left;position: relative;} .index_03b1::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 50%;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.5));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.5));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.5));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.5));} .index_03b1 .title{margin: 0 0;position: absolute;left: 20px;right: 20px;bottom: 27px;color: #fff;z-index: 3;font-weight: bold;} .index_03b2{display: block;width: calc(50% + 10px);float: right;background: #fff;box-sizing: border-box;padding: 39px 30px 46px;} .index_03b2 ul{margin: 0 0 -33px;position: relative;} .index_03b2 ul::before{content: '';display: block;width: 1px;position: absolute;left: 3px;top: 10px;bottom: 32px;background: #fba500;opacity: .2;} .index_03b2 .item{margin: 0 0 33px;padding: 0 0 0 16px;position: relative;} .index_03b2 .item::before{content: '';display: block;width: 6px;height: 6px;background: #fba500;border-radius: 50%;position: absolute;left: 1px;top: 5px;} .index_03b2 .time{color: #999;margin: 0 0 3px;} .wrap_mode04{padding: 61px 0 17px;background: #f7ebdf;position: relative;} .wrap_mode04::before{content: '';display: block;width: 1181px;height: 1096px;background: url(../images/mode04_bg.jpg) left top no-repeat #f7ebdf;position: absolute;left: 0;top: -206px;} .mode04{} .index_04{margin: 0 10px 0 0;} .index_04 ul{margin: 0 0 -30px -62px;} .index_04 li{position: relative;} .index_04 li:nth-child(2n){margin-top: 50px;} .index_04 .item{margin: 0 0 30px 62px;position: relative;background: #fff url(../images/mode04_bg1.png) right bottom no-repeat;padding: 40px 0;box-shadow: 15px -15px 0 #5d3e44;} .index_04 li:nth-child(2) .item{background-image: url(../images/mode04_bg2.png);box-shadow: 15px -15px 0 #995146;} .index_04 li:nth-child(3) .item{background-image: url(../images/mode04_bg3.png);box-shadow: 15px -15px 0 #af8674;} .index_04 li:nth-child(4) .item{background-image: url(../images/mode04_bg4.png);box-shadow: 15px -15px 0 #a69168;} .index_04 .item::before{content: '';width: 2px;height: 520px;background: #5d3e44;margin: 0 auto;display: block;} .index_04 li:nth-child(2) .item::before{background: #995146;} .index_04 li:nth-child(3) .item::before{background: #af8674;} .index_04 li:nth-child(4) .item::before{background: #a69168;} .index_04 .title{writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;width: 30px;float: left;padding: 0 15px 76px;position: absolute;top: 40px;left: 49px;line-height: 1em;letter-spacing: 6px;font-family: 'Noto Serif SC';font-weight: bold;color: #5d3e44;} .index_04 li:nth-child(2) .title{color: #995146;} .index_04 li:nth-child(3) .title{color: #af8674;} .index_04 li:nth-child(4) .title{color: #a69168;} .index_04 .arrow{width: 60px;height: 60px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;line-height: 58px;text-align: center;writing-mode: horizontal-tb;} .index_04 .arrow i{font-size: 30px;position: relative;left: 3px;display: block;font-weight: 100;} /* .index_04 .arrow::after, */ .index_04 .arrow::before{content: '';display: block;position: absolute;bottom: 0;width: 60px;height: 60px;box-sizing: border-box;border-radius: 50%;left: 0;top: 0;} /* .index_04 .arrow::after{background: url(../images/mode04_ico1.png) no-repeat bottom/100% auto;} */ /* .index_04 li:nth-child(2) .arrow::after{background-image: url(../images/mode04_ico2.png);} .index_04 li:nth-child(3) .arrow::after{background-image: url(../images/mode04_ico3.png);} .index_04 li:nth-child(4) .arrow::after{background-image: url(../images/mode04_ico4.png);} */ .index_04 .arrow::before{border: 1px dashed #5d3e44;} .index_04 li:nth-child(2) .arrow::before{border-color: #995146;} .index_04 li:nth-child(3) .arrow::before{border-color: #af8674;} .index_04 li:nth-child(4) .arrow::before{border-color: #a69168;} .index_04 .item:hover .arrow::before{-webkit-animation-name: rot;animation-name: rot;animation-duration: 6s;-webkit-animation-duration: 6s;animation-timing-function: linear; -webkit-animation-timing-function: linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;} @-webkit-keyframes rot{ from {transform: rotate(0);} to {transform: rotate(360deg);} } @keyframes rot{ from {transform: rotate(0);} to {transform: rotate(360deg);} } .index_04 .item:hover .arrow i{-webkit-animation-name: arr;animation-name: arr;animation-duration: 2s;-webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;} @-webkit-keyframes arr{ /* 抖动旋转 */ 0% {transform: rotate(0deg);} 10% {transform: rotate(10deg);} 20% {transform: rotate(-10deg);} 30% {transform: rotate(10deg);} 40% {transform: rotate(-10deg);} 50% {transform: rotate(10deg);} 60% {transform: rotate(-10deg);} 70% {transform: rotate(10deg);} /* 100%{transform: rotate(0deg);} */ } @keyframes arr{ 0% {transform: rotate(0deg);} 10% {transform: rotate(10deg);} 20% {transform: rotate(-10deg);} 30% {transform: rotate(10deg);} 40% {transform: rotate(-10deg);} 50% {transform: rotate(10deg);} 60% {transform: rotate(-10deg);} 70% {transform: rotate(10deg);} /* 100%{transform: rotate(10deg);} */ } .wrap_mode05{padding: 106px 0 92px;} .mode05{} .index_05a{margin: 39px 0 0;} .index_05a ul{margin: 0 0 0 -10px;} .index_05a .item{margin: 0 0 10px 10px;position: relative;cursor: pointer;} .index_05a video{width: 100%;height: auto;display: block;position: absolute;left: 0;top: 0;z-index: 2;height: 100%;} .mode05 .video_btn{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: 50px;height: 50px;border: 2px solid #fff;border-radius: 50%;z-index: 3;} .mode05 .on .video_btn{display: none;} .mode05 .video_btn::before{content: '';display: block;border-left: 15px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);margin: 0 0 0 3px;} /* .index_05a .gp-img,.index_05b .gp-img{padding-bottom: 42.7%;} */ .index_05b{margin: 0 0 20px;} .index_05b ul{margin: 0 0 -10px -10px;} .index_05b .item{margin: 0 0 10px 10px;} .wrap_mode06{padding: 55px 0 64px;position: relative;} .wrap_mode06::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/mode06_bg.jpg) center/cover;clip-path: polygon( 0 0, calc(50% - 130px) 0, calc(50% - 54px) 90px, 100% 90px, 100% 100%, 0 100%);} .wrap_mode06::after{content: '';display: block;position: absolute;right: 0;top: 100%;background: #992a18;width: 295px;height: 60px;clip-path: polygon(0 0 , 100% 0, 100% 100% , 36px 100% );margin: -1px 0 0;} .mode06{} .index_06_t{position: absolute;right: 0;top: -47px;} .index_06_t ul{margin: 0 0;} .index_06_t li{width: auto;} .index_06_t .item{margin: 0 0 0 25px;position: relative;} .index_06_t .img_box{width: 60px;height: 60px;line-height: 60px;text-align: center;} .index_06_t .img_box i{display: block;border-radius: 50%;font-size: 40px;color: #ffff;} .index_06_t .img_box i.icon-weixin{background: #07c160;} .index_06_t .img_box i.icon-douyin{background: #232323;} .index_06_t .img_box i.icon-Bzhan{background: #00afec;} .index_06_t .img_box i.icon-shipinhao{background: #f29e46;} .index_06_t .img_box i.icon-xuexiqiangguo{background: #d00201;} .index_06_t .img_box i.icon-jinritoutiao{background: #f80501;} .index_06_t .hover_box{position: absolute;right: 0;bottom: 100%;display: none;width: 120px;padding: 5px;background: #fff;} .index_06_t .hover_box img{width: 100%;height: auto;display: block;} .index_06_t .item:hover .hover_box{display: block;} .index_06{clear: both;} .index_06a{width: 27.6%;} .index_06a ul{margin: 0 0 -18px;} .index_06a .item{margin: 0 0 18px;position: relative;} .index_06a .item::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 50%;bottom: 0;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.7));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));z-index: 2;} .index_06a .title{position: absolute;left: 15px;right: 15px;color: #fff;bottom: 10px;z-index: 3;} .index_06a .title img{margin: 0 10px 0 0;display: inline-block;vertical-align: middle;} .index_06b{width: 21%;position: relative;} .index_06b .gp-img{padding-bottom: calc(149% + 15px);} .index_06b::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 40.6%;bottom: 0;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.7));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));z-index: 2;} .index_06b .title{position: absolute;left: 20px;right: 20px;color: #fff;bottom: 19px;z-index: 3;} .index_06b .title img{margin: 0 10px 0 0;display: inline-block;vertical-align: middle;} .wrap_mode07{padding: 100px 0 80px;background: url(../images/mode07_bg.jpg) no-repeat right bottom;} .mode07{} .index_07a{} .index_07a ul{margin: 40px 0 -20px -26px;} .index_07a .item{margin: 0 0 20px 26px;background: #fff;padding: 23px 40px 64px;} .index_07a .time{border-bottom: 2px solid #992a18;padding: 0 0 2px;display: inline-block;margin: 0 0 27px;} .index_07a .day{color: #000;display: inline-block;vertical-align: middle;} .index_07a .month{margin: 0 0;line-height: 1.1;padding: 5px 0 0 10px;color: #999;vertical-align: middle;display: inline-block;} .mode07b{margin-top: 86px;overflow: hidden;} .index_07b{margin: 0 -18px 48px;} .index_07b ul{margin: 0 0;} .index_07b .item{margin: 0 18px;text-align: center;} .index_07b .gp-img1x1{margin: 0 0 19px;border-radius: 50%;} .index_07c{margin: 0 -22px;} .index_07c ul{margin: 0 0;} .index_07c .item{margin: 0 22px;text-align: center;} .index_07c .gp-img{margin: 0 0 16px;padding-bottom: 120%;} .wrap_mode08{padding: 115px 0 136px;overflow: hidden;background: #fff5eb;} .mode08{} .index_08{margin: 0 0 0 266px;position: relative;width: 1220px;max-width: calc(100vw - 336px);} .index_08 .swiper-slide{width: 420px;opacity: 0;pointer-events: none;transition: opacity ease-in-out .3s;-ms-transition: opacity ease-in-out .3s;-moz-transition: opacity ease-in-out .3s;-webkit-transition: opacity ease-in-out .3s;-o-transition: opacity ease-in-out .3s;} .index_08 .swiper-slide-active ,.index_08 .swiper-slide-active ~ .swiper-slide{opacity: 1;pointer-events: initial;} .index_08 ul{margin: 0 0;} .index_08 .item{margin: 0 40px 0 0;} .index_08 .gp-img{padding-bottom: 65.8%;} .index_08 .title{margin: 17px 0 0;padding: 0 0 0 20px;position: relative;} .index_08 .title::before{content: '';display: block;width: 1px;height: 20px;border-top: 20px solid #992a18;background: #ccc;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .index_08 .swiper_box{overflow: hidden;} .index_08 .swiper_menu{text-align: center;padding: 0;font-size: 0;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;width: 100%;} .index_08 .arrow{width: 60px;height: 60px;background: center no-repeat rgba(255, 255, 255, .8);cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);border-radius: 50%;box-shadow: 0px 8px 17.6px 2.4px rgba(0, 0, 0, 0.1);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;margin-top: -34px;color: #992a18;line-height: 60px;text-align: center;} .index_08 .arrow i{font-size: 34px;} .index_08 .prev{left: -30px;/*background-image: url(../images/mode08_prev.png);*/} .index_08 .next{right: -30px;/*background-image: url(../images/mode08_next.png);*/} .index_08 .arrow:hover{background-color: #fff;} .wrap_mode09{padding: 90px 0 0;background: url(../images/mode09_bg.jpg) no-repeat center bottom/cover;overflow: hidden;} .mode09{} .index_09{margin: 66px 0 0;} .index_09 ul{margin: 0 0;} .index_09 .swiper-slide{width: 450px;} .index_09 .item{margin: 0 0;text-align: center;padding: 0 0;position: relative;} .index_09 .tip{color: #992a18;font-family: 'arial';font-size: 100px;position: relative;font-weight: 900;display: inline-block;line-height: 1;margin: 0 0 6px;} .index_09 .unit{color: #000;opacity: .5;position: absolute;left: 100%;bottom: 10px;margin: 0 0 0 16px;} .index_09 .bottom{position: relative;margin: 7px 0 -14px;} .index_09 .bottom::before{content: '';display: block;position: absolute;top: 0;bottom: 0;width: 1px;left: 50%;background-image: -moz-linear-gradient( 90deg, rgba(179,0,0,0) 0%, rgb(179,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgba(179,0,0,0) 0%, rgb(179,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgba(179,0,0,0) 0%, rgb(179,0,0) 100%);} .index_09 .bottom::after{content: '';display: block;clear: both;} .index_09 .lf,.index_09 .rt{width:calc(50% + 1px);float: left;display: flex;justify-content: space-between;-webkit-mask-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1));mask-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1));padding-top: 60px;} .index_09 .rt{width: calc(50% - 1px);} .index_09 .bottom i{display: block;width: 1px;height: 200px;background: #b30000;} .index_09 .bottom i:first-child{opacity: 0;} .index_09 .lf i:last-child{opacity: 0;} .index_09 .lf i:nth-child(2),.index_09 .rt i:nth-last-child(2){margin-top: 10px;} .index_09 .lf i:nth-child(3),.index_09 .rt i:nth-last-child(3){margin-top: 20px;} .index_09 .lf i:nth-child(4),.index_09 .rt i:nth-last-child(4){margin-top: 30px;} .index_09 .lf i:nth-child(5),.index_09 .rt i:nth-last-child(5){margin-top: 40px;} .index_09 .lf i:nth-child(6),.index_09 .rt i:nth-last-child(6){margin-top: 50px;} .index_09 .lf i:nth-child(7),.index_09 .rt i:nth-last-child(7){margin-top: 60px;} .index_09 .lf i:nth-child(8),.index_09 .rt i:nth-last-child(8){margin-top: 70px;} .index_09 .lf i:nth-child(9),.index_09 .rt i:nth-last-child(9){margin-top: 80px;} .index_09 .lf i:nth-child(10),.index_09 .rt i:nth-last-child(10){margin-top: 90px;} .index_09 .lf i:nth-child(11),.index_09 .rt i:nth-last-child(11){margin-top: 100px;} .index_09 .lf i:nth-child(12),.index_09 .rt i:nth-last-child(12){margin-top: 110px;} .index_09 .lf i:nth-child(13),.index_09 .rt i:nth-last-child(13){margin-top: 120px;} .index_09 .lf i:nth-child(14),.index_09 .rt i:nth-last-child(14){margin-top: 130px;} .index_09 .lf i:nth-child(15),.index_09 .rt i:nth-last-child(15){margin-top: 140px;} @media screen and (min-width: 996px){ .index_01 .item,.index_02a .item,.index_02b .title,.index_02c .title,.index_03 .item,.index_03b1,.index_03b2 .title,.index_04 .item,.index_05a .item,.index_05b .item,.index_06 .item,.index_07a .item,.index_08 .title{position: relative;top: 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;left: 0;} .index_02a .item{} .index_05a .item,.index_05b .item{transform: none;} .index_01 li:hover .item,.index_03 li:hover .item,.index_04 li:hover .item,.index_06 li:hover .item,.index_07a li:hover .item{top: -20px;} .index_02a li:hover .item,.index_02b li:hover .item .title,.index_02c li:hover .item .title,.index_03b1:hover,.index_03b2 li:hover .item .title,.index_08 li:hover .item .title{left: 10px;} .index_05a .item:hover,.index_05b .item:hover{transform: scale(1.1);z-index: 2;} } @media screen and (max-width:1640px){ .banner_links .item{padding: 10px 0 10px 24px;line-height: 1.8;} .wrap_mode01{padding: 40px 0 200px;} .wrap_mode02::before{clip-path: polygon( 0 0, calc(50% - 440px) 0, calc(50% - 366px) 70px, calc(50% + 120px) 70px ,calc(50% + 120px) 0px ,calc(50% + 350px) 0px ,calc(50% + 410px) 70px , 100% 70px, 100% 100% , 0 100% );} .mode02 .index_title{padding-top: 38px;} .mode02 .lf{width: 58%;} .mode02 .rt{width: 38%;} .channel_title{font-size: 34px;} .channel_title img{width: 24px;} .channel_text{font-size: 15px;} .channel_link{margin-top: 100px;font-size: 15px;padding: 0 40px 0 16px;line-height: 44px;margin-top: 84px;} .index_03b2{padding: 28px 30px;} .index_03b2 ul{margin: 0 0 -20px;} .index_03b2 .item{margin: 0 0 20px;} .index_06_t{right: 50px;} .wrap_mode06::before{clip-path: polygon( 0 0, 610px 0, 680px 90px, 100% 90px, 100% 100%, 0 100%);} .wrap_mode08{padding: 80px 0;} .index_09{margin: 50px 0 0;} .index_09 .tip{font-size: 80px;} } @media screen and (max-width:1280px){ .channel_link{margin-top: 60px;} .channel_title{font-size: 26px;} .channel_title img{width: 18px;margin: 0 4px;} .channel_title2{font-size: 24px;} .wrap_mode02::before{clip-path: polygon( 0 0, 240px 0, 290px 60px, calc(58% + 10px) 60px ,calc(58% + 10px) 0px ,calc(58% + 180px) 0px ,calc(58% + 230px) 60px , 100% 60px, 100% 100% , 0 100% );} .wrap_mode01{padding: 40px 0 80px;} .wrap_mode02{padding: 0 0 60px;margin: 0;} .mode02 .index_title{float: none;} .mode02 .rt .channel_link{margin-left: 0;} .mode02 .channel_link{left: auto;right: 0;} .index_02a ul{margin: 0 0 -20px;} .index_02a .item{margin: 0 0 20px;} .wrap_mode03{padding: 120px 0 30px;} .index_04 .item{height: 360px;background-size: 100% auto;} .index_04 .item::before{display: none;} .index_04 .title{left: 30px;padding-bottom: 50px;} .index_04 .arrow,.index_04 .arrow::after, .index_04 .arrow::before{width: 40px;height: 40px;line-height: 40px;} .index_04 .arrow i{font-size: 18px;} .wrap_mode04::before{max-width: 100%;} .index_06_t{right: 50px;} .index_06_t .item{margin: 0 0 0 10px;} .index_06_t .img_box{width: 40px;height: 40px;line-height: 40px;} .index_06_t .img_box i{font-size:24px} .index_07a .item{padding: 23px 30px 40px;} .mode07b{margin-top: 40px;} .index_08 .swiper-slide{width: 360px;} .index_08 .item{margin: 0 20px 0 0;} .index_09{margin: 40px 0 0;} .index_09 .swiper-slide{width: 240px;} .index_09 .tip{font-size: 50px;} .index_09 .unit{margin: 0 0 0 6px;bottom: 5px;} .index_09 .lf, .index_09 .rt{padding-top: 40px;} .index_09 .bottom i{height: 100px;} .index_09 .lf i:nth-child(2),.index_09 .rt i:nth-last-child(2){margin-top: 5px;} .index_09 .lf i:nth-child(3),.index_09 .rt i:nth-last-child(3){margin-top: 10px;} .index_09 .lf i:nth-child(4),.index_09 .rt i:nth-last-child(4){margin-top: 15px;} .index_09 .lf i:nth-child(5),.index_09 .rt i:nth-last-child(5){margin-top: 20px;} .index_09 .lf i:nth-child(6),.index_09 .rt i:nth-last-child(6){margin-top: 25px;} .index_09 .lf i:nth-child(7),.index_09 .rt i:nth-last-child(7){margin-top: 30px;} .index_09 .lf i:nth-child(8),.index_09 .rt i:nth-last-child(8){margin-top: 35px;} .index_09 .lf i:nth-child(9),.index_09 .rt i:nth-last-child(9){margin-top: 40px;} .index_09 .lf i:nth-child(10),.index_09 .rt i:nth-last-child(10){margin-top: 45px;} .index_09 .lf i:nth-child(11),.index_09 .rt i:nth-last-child(11){margin-top: 50px;} .index_09 .lf i:nth-child(12),.index_09 .rt i:nth-last-child(12){margin-top: 55px;} .index_09 .lf i:nth-child(13),.index_09 .rt i:nth-last-child(13){margin-top: 60px;} .index_09 .lf i:nth-child(14),.index_09 .rt i:nth-last-child(14){margin-top: 65px;} .index_09 .lf i:nth-child(15),.index_09 .rt i:nth-last-child(15){margin-top: 70px;} } @media screen and (max-width: 996px){ .index_title,.wrap_mode03 .index_title,.mode08 .index_title{width: 100%;float: none;} .channel_text,.mode01 .channel_text{margin: 10px 0 0;} .channel_link,.mode08 .channel_link{position: absolute;right: 0;top: 0;margin-top: 0;line-height: 38px;padding: 0 30px 0 10px;} .banner_links{display: none;} .mode01 .index_title{width: 100%;} .index_01,.index_03,.index_03b{margin: 0;} .wrap_mode02::before{clip-path: none;} .mode02 .channel_link{left: auto;right: 0;top: 40px;color: #fff;border-color: rgba(255, 255, 255, .4);} .mode02 .channel_link::before{border-color: rgba(255, 255, 255, .4);} .wrap_mode02::after{display: none;} .mode02 .lf{width: 100%;float: none;} .mode02 .rt{width: 100%;float: none;margin: 30px 0 0;} .mode02 .index_title{margin-bottom: 24px;} .wrap_mode03{padding: 50px 0 30px;} .index_03b1{width: 100%;float: none;margin: 0 0 30px;} .index_03b2{width: 100%;float: none;} .index_04 li:nth-child(2n){margin: 0;} .index_04 .item{height: auto;padding: 17px;background-size: auto;overflow: hidden;} .index_04 .title{position: relative;left: 0;right: 0;top: 0;bottom: 0;width: auto;writing-mode: inherit;-webkit-writing-mode: inherit;-ms-writing-mode: inherit;padding: 10px 56px 10px 0;line-height: 30px;} .index_04 .arrow{left: auto;right: 0;top: 50%;transform: translateY(-50%);} .wrap_mode05{padding: 40px 0 60px;} .mode06 .channel_link{left: auto;right: 0;top: 40px;color: #fff;border-color: rgba(255, 255, 255, .4);} .mode06 .channel_link::before{border-color: rgba(255, 255, 255, .4);} .index_06_t{right: 0px;top: -50px;} .wrap_mode06{padding: 50px 0;} .wrap_mode06::before{clip-path: polygon( 0 0, 280px 0, 340px 90px, 100% 90px, 100% 100%, 0 100%);} .wrap_mode06 .index_title{margin-bottom: 30px;} .wrap_mode06 .channel_title{display: block;margin: 0 0 10px;} .wrap_mode06 .channel_link{top: auto;} .index_06a{width: 55.2%;margin: 0 0 15px;} .index_06b{width: 42%;margin: 0 0 15px;} .mode07 .channel_link{position: relative;} .index_07a .time{margin: 0 0 10px;} .index_07a .month{padding: 5px 0 0 3px;} .wrap_mode08{padding: 60px 0;} .index_08{margin: 0 20px;width: auto;max-width: inherit;} .wrap_mode09{padding: 60px 0 0;} } @media screen and (max-width:767px){ .banner_links{position: relative;} .banner_links ul{padding: 0 ;display: block;} .banner_links li{width: 33.3%;} .banner_links .item{padding: 6px 0 6px 24px;line-height: 1.8;} .channel_title img{width: 20px;margin: 0 4px;} .channel_link::before{display: none;} .channel_link, .mode08 .channel_link,.mode02 .channel_link{padding: 0;border: none;line-height: 30px;} .mode02 .index_title{margin-bottom: 20px;} .wrap_mode01{background-size: 130% auto;} .index_01 .time{margin: 6px 0 10px;} .index_01 .info{margin: 12px 0 0;color: #666;} .wrap_mode02::after{display: none;} .index_02a{width: 100%;margin: 0 0 20px;float: none;} .index_02b{margin: 0;} .wrap_mode03{padding: 60px 0 30px;} .index_03 .bottom{padding: 9px 20px 20px;} .index_03b1 .title{bottom: 12px;} .index_03b2{padding: 24px 20px;} .index_03b2 ul{margin: 0 0 -24px;} .index_03b2 .item{margin: 0 0 24px;} .wrap_mode04{padding: 40px 0 20px;} .index_04 ul{margin: 0 0 -20px -30px;} .index_04 .item{margin: 0 0 20px 30px;} .wrap_mode05{padding: 40px 0 20px;} .mode05 .channel_title,.mode05 .channel_text{text-align: left;} .index_05a{margin: 20px 0 0;} .wrap_mode06{padding: 80px 0 40px;} .wrap_mode06::before{top: 50px;height: auto;bottom: 0;} .wrap_mode06::after{display: none;} .wrap_mode06 .channel_link{right: 20px;bottom: -40px;} .index_06_t{top: -80px;} .index_06a,.index_06b{width: 100%;float: none;margin: 0 0 20px;} .index_07a ul{margin: 20px 0 -20px -26px;} .index_07a .item{padding: 23px 30px;} .index_08 .arrow{width: 40px;height: 40px;line-height: 40px;} .index_08 .arrow i{font-size: 24px;} } @media screen and (max-width:413px){ .banner_links li{width: 50%;} .mode02 .rt .index_title{padding-top: 0;} .mode02 .rt .channel_link{top: 0;} .index_02c ul{margin: 0 0 -20px;} .index_02c .item{margin: 0 0 20px 4px;} .index_02c .tip{margin-bottom: 6px;} .wrap_mode05{padding: 40px 0 10px;} .index_06_t{top: -66px;} .index_06_t .item{margin: 0 0 0 5px;} .index_06_t .img_box{width: 24px;height: 24px;line-height: 24px;} .index_06_t .img_box i{font-size:16px} .wrap_mode07{padding-bottom: 40px;} .index_07a .item{padding: 12px 20px;} .channel_link2::before{display: none;} .channel_link2{padding: 0;border: none;line-height: 30px;margin: 0;bottom: 6px;} .index_07b{margin: 0 -18px 20px;} .index_08 .swiper-slide{width: 280px;} .index_08 .item{margin: 0 20px 0 0;} }