.banner{z-index:1;position:relative} .banner a{display:block;position:relative} .banner a::before{content:'';display:block;position:absolute;left:0;right:0;top:-1px;padding-bottom:calc(240% / 19.2);background-size:100% 100%;z-index:2} .banner .slick-img{display:block;overflow:hidden;position:relative;width:100%} .banner .slick-img{height:0;padding-bottom:calc(920% / 19.2)} /* .banner .slick-active .slick-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{position:relative;overflow:hidden;height:100vh;} .banner .swiper-container{max-width: initial;} /* .banner video{height:100vh;width:auto} */ .banner .banner-dots{width:auto;text-align:center;position:absolute;left:calc(50% - 107px);bottom:52px;text-align:center;overflow:hidden} .banner .slick-img{display:block;height:100vh;overflow:hidden;position:relative;background-size: cover !important;padding-bottom: 0;background: #000;} .banner .slick-img::after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;padding-bottom:calc(187% / 19.2);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));} .banner .bottom{padding:0 0 17px;bottom:0;z-index:2;letter-spacing:3px} .banner .title{color:#fff;margin:auto;white-space:nowrap;font-weight:700;line-height:1.2em} .banner .vicetitle{margin:9px 0 0;color:#fff;width:100vw;max-width:1320px;text-align:center} .banner a{display:block;position:relative;} .banner .slick-img video,.banner .slick-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;} .banner .slick-img img{min-width: 100%;object-fit: cover;} .banner .slick-img video{width:100%;height: auto;position: absolute;left: 0;top: 50%;transform: translatey(-50%);} .banner_btns{position: absolute;left: 0;bottom: 60px;z-index: 10;text-align: center;width: 100%;} .banner_more{padding:0 17px 0 14px;position: relative;display: inline-block;vertical-align: top;margin: 0 0 0 18px;} .banner_more::before{content:'';position:absolute;width:1px;height:20px;background:rgba(255,255,255,.5);left:0;top:0} .banner_more::after{content:'';position:absolute;right:0;top:calc(50% - 4px);border-left: 6px solid #fff;border-top: 4px solid transparent;border-bottom: 4px solid transparent;opacity: .5;} .banner_more a{color:#fff} .banner_btns .swiper-pagination{position: relative;display: inline-block;vertical-align: middle;} .banner .swiper-slide-active .slick-img img{transition:transform 6s linear 0s;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} .banner .swiper-pagination-bullet{width:13px;height:16px;margin:0 5px;background: center no-repeat;text-align:center;line-height:28px;position:relative;transition:all ease-in-out .3s;border-radius: 0;opacity: 1;} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-image: url(/uploads/image/simages/banner_dot2.png);} .bb{position: absolute;bottom: 14px;width: 18px;height: 18px;background: url(/uploads/image/simages/banner_bottom.png) center no-repeat;left: 50%;transform: translatex(-50%);z-index: 2;-webkit-animation: bb 2s linear 0s infinite;animation: bb 2s linear 0s infinite} @keyframes bb{ 0%{transform:translate(-50%,0);opacity:0;} 20%{transform:translate(-50%,3px);opacity:1;} 80%{transform:translate(-50%,10px);opacity:1;} 90%{transform:translate(-50%,10px);opacity:0;} 100%{transform:translate(-50%,10px);opacity:0;} } .content{position:relative;} .index_title{margin-bottom:20px;display:block} .index_title::after{content:'';display:block;clear:both} .channel_title{font-weight:400;text-align:center;position:relative;line-height: 60px;display: inline-block;vertical-align: middle;} .channel_link{display:block;max-width:200px;margin: 15px auto 0;line-height:30px;color:#00873c;text-align:center;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;float: right;} .channel_link::before{content:'';display:inline-block;vertical-align:middle;background: center no-repeat;width: 18px;height: 18px;margin:0 10px 0 0;background-size: 100% auto;} .channel_link:hover{top:-10px} .en_channel_title{color: #999;text-transform: uppercase;display: inline-block;padding: 0 50px 14px 0;position: relative;vertical-align: middle;margin: 0 0 0 6px;line-height: 22px;} .en_channel_title::before{content: '';display: block;width: 110px;height: 1px;background: #ccc;position: absolute;left: 0;bottom: 0;} .en_channel_title::after{content: '';display: block;width: 30px;height: 4px;background: #ad935e;position: absolute;left: 0;bottom: 0;} /* .mode02 .channel_link{position:relative;z-index:2;box-sizing:border-box;color: #00873c;margin: 7px 0 0;max-width:initial;text-align:left;} */ /* .mode02 .channel_link::before{margin-left:0;transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;width: 20px;height: 20px;float: left;margin: 5px 9px 0px;} */ .mode01_title{position: relative;text-align: center;margin: 0 0 0;} .mode01 .channel_title{display: inline-block;border-bottom: 1px solid #ccc;line-height: 60px;} .mode01 .channel_title::before{content: '';display: block;height: 4px;width: 30px;position: absolute;left: 50%;transform: translatex(-50%);bottom: -1px;background: #00873c;} .mode01 .en_channel_title{color: #999;display: block;position: absolute;left: 0;bottom: 8px;padding: 0;margin: 0;} .mode01 .en_channel_title::before,.mode01 .en_channel_title::after{display: none;} .mode01 .channel_link{position: absolute;right: 0;bottom: 4px;top: auto;} .mode01 .channel_link:hover{bottom: 14px;} .wrap_mode01{padding:150px 0 64px;} .mode01{position:relative} .index_01{position:relative;margin: 18px 0 20px;} /* .index_01 .lf{width: calc(25% - 15px);float:left} */ /* .index_01 .mid{width: calc(50% - 10px);float:left;margin: 0 0 0 20px;} */ /* .index_01 .rt{width: calc(25% - 15px);float:right} */ .index_01{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;display: -webkit-flex;flex-wrap: nowrap;justify-content: space-between;} .index_01 .lf{width: calc(25% - 15px);} .index_01 .mid{width: calc(50% - 15px);margin: 0;} .index_01 .rt{width: calc(25% - 15px);} .index_013{display: flex;display: -webkit-flex;flex-wrap: wrap;height: 100%;align-content: space-between;} .index_013 .item{height: 100%;position: relative;top: 0; background-image: -moz-linear-gradient( 115deg, rgb(162,166,50) 0%, rgb(0,135,60) 65%); background-image: -webkit-linear-gradient( 115deg, rgb(162,166,50) 0%, rgb(0,135,60) 65%); background-image: -ms-linear-gradient( 115deg, rgb(162,166,50) 0%, rgb(0,135,60) 65%); } .index_013 li{height: calc(50% - 7px);} .index_013 .item:hover{top: -10px;} .index_01 .img{padding-bottom:55.6%} .index_011{display:block;position:relative} .index_011 .title{margin:0 20px 28px;color:#fff;z-index:2;} .index_011 .img::after{content:'';padding-bottom:calc(150% / 7);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));display:block;position:absolute;left:0;right:0;bottom:0} .index_012 ul{} .index_012 li{width: calc(25% - 15px);margin: 0 0 0 20px;} .index_012 li:first-child{margin: 0;} .index_012 .item{margin: 0;background: center bottom no-repeat #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} .index_012 .bottom{overflow: hidden;border: 1px solid #e0e0e0;padding: 17px 19px 15px;border-top: 0;} .index_012 .title{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;font-weight: bold;text-align: justify;color: #333;} .index_012 .item:hover{background: center bottom no-repeat #00873c;background-size: cover;} .index_012 .item:hover .bottom{border: 1px solid transparent;border-top: none;} .index_012 .item:hover .title{color:#fff} /* .index_013 ul{margin:0 0 -14px -15px} */ .index_013 li{width: 100%} .index_013 .item{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;position:relative;border: 1px solid #e0e0e0;padding: 24px 30px 0;box-sizing: border-box;overflow: hidden;} .index_013 .title{margin: 0 0 13px;font-weight: bold;max-height: 96px;text-align: justify;color: #fff;} .index_013 .info{margin: 0 0 0;color: #888;max-height: 60px;} .index_013 .item::before{content:'';display:block;height: 2px;position:absolute;top:-1px;left: 0px;width:0px;background:#00873c;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_013 li:first-child .item::before{left:30px;width:40px;} .index_013 .item:hover::before,.index_013 li:first-child .item:hover::before{width:100%;left: 0;background:#00873c;background: -webkit-linear-gradient(left, #00873c , #00873c, #a3a632);background: -o-linear-gradient(right, #00873c,#00873c, #a3a632);background: -moz-linear-gradient(right, #00873c,#00873c, #a3a632);background: linear-gradient(to right, #00873c ,#00873c, #a3a632);} .index_01 .rt .index_013 .item::before{left: auto;right: 0px;} .index_01 .rt .index_013 li:first-child .item::before{left: auto;right: 30px;} .index_01 .rt .index_013 li:first-child .item:hover::before{right: 0;} .index_014 ul{margin:0 0 20px -15px} .index_014 li{width:50%} .index_014 .item{margin:0 0 0 15px;background:center bottom no-repeat #fff;height:185px;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;overflow:hidden;position:relative} .index_014 .title{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:33px 32px 0} .index_014 li:nth-child(2) .item{background:url(/uploads/image/simages/mode013_bg.png) center bottom no-repeat} .wrap_mode02{padding: 56px 0 80px;background: #f5f5f5;} .mode02 .lf{width: calc(50% - 40px);float: left} .mode02 .rt{width: calc(50% - 40px);float: right} .mode02 .index_title{margin-bottom: 13px;display:block;position:relative;z-index:2;} .mode02 .channel_link{float:right;position:relative;z-index:2;box-sizing:border-box;color: #00873c;margin: 7px 0 0;max-width:initial;text-align:left;} .mode02 .channel_link::before{background-image:;margin-left:0;transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;width: 20px;height: 20px;float: left;margin: 5px 9px 0px;} .mode02 .channel_title{position:relative;z-index:2;box-sizing:border-box;text-align: left;display: inline-block;vertical-align: middle;line-height: 40px;} .index_021{background:#fff;margin: 0;position:relative;z-index:2;padding: 22px 40px 36px;} .index_021::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;height: 6px;background:#00873c;background: -webkit-linear-gradient(left, #00873c , #00873c, #a3a632);background: -o-linear-gradient(right, #00873c,#00873c, #a3a632);background: -moz-linear-gradient(right, #00873c,#00873c, #a3a632);background: linear-gradient(to right, #00873c ,#00873c, #a3a632);} .index_021 ul{margin:0;overflow:hidden} .index_021 .item{padding: 9px 0 10px;border-top: 1px solid #ebebeb;} .index_021 .tip{display:inline-block;line-height:22px;padding:0 0 0 9px;position:relative;color:#996435;vertical-align: middle;margin: 0 17px 0 0;} .index_021 .tip::before{content: '';display: block;width: 3px;height: 3px;background: #996435;border: 1px solid #906d25;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translatey(-50%);} .index_021 .time{display:inline-block;line-height:22px;position:relative;color:#999;vertical-align: middle;} .index_021 .title{margin: 3px 0 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;font-weight: bold;height: auto;position: relative;left: 0;} .index_021 .item:hover .title{color:#00873c} .index_021 li:first-child .item{border-top: none;} .index_022{background:#fff;position:relative;z-index:2;box-shadow:0 10px 20px .4px rgba(0,0,0,.06);padding: 38px 50px 32px;} .index_022 ul{margin:0 0 0;padding:0 0 0} .index_022 .item{margin:0 0 17px;position:relative} .index_022 .item::before{content:'';display:block;position:absolute;top:50%;transform:translatey(-50%);width:1px;height:74px;background:#e5e5e5;left:67px} .index_022 .time_box{width:60px;float:left;position:relative} .index_022 .day{color:#333;margin:11px 0 0 0;line-height:32px} .index_022 .day::after{content:'';display:inline-block;vertical-align:middle;width:12px;height:1px;background:#ccc;margin:0 0 0 7px} .index_022 .month{color:#333;margin:0;line-height:20px} .index_022 .info_box{margin:0 0 0 84px;padding:0;height:px;position:relative} .index_022 .title{margin:0 0 11px;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;font-weight: bold;height: auto;max-height: 48px;position: relative;left: 0;} .index_022 .tip{color:#a2622a} .index_022 .item:hover .title{color:#333} .index_022 .title:hover{left: 10px;} .wrap_mode04{padding: 15px 0 0;overflow:hidden;background: #f5f5f5;position: relative;} .wrap_mode04::before{content: '';display: block;position: absolute;left: 0;top: 0;right: calc(50% - 700px);height: 300px;background: right bottom no-repeat;} .mode04{position:relative;padding-top: 40px;padding-bottom: 88px;z-index: 2;} .mode04::before{content:'';display: none;width:440px;position:absolute;left:0;top:0;bottom:0;background: center bottom no-repeat;background-size:cover} .mode04 .channel_title{display:inline-block;line-height: 38px;color: #fff;} .mode04 .channel_link{position:relative;z-index:2;float: right;color: #fff;margin: 0 46px 0 0;} .mode04 .channel_link::before{background-image: url(/uploads/image/simages/index_more2.png);} .mode04 .en_channel_title{display: inline-block;position: relative;padding: 0 20px 10px 0;line-height: 24px;margin: 0 0 0 7px;vertical-align: top;color: rgba(255,255,255,.6);} .mode04 .en_channel_title::before{content: '';display: block;width: 110px;height: 1px;background: rgba(255,255,255,.3);position: absolute;left: 0;bottom: 0;} .mode04 .en_channel_title::after{content: '';display: block;width: 30px;height: 4px;background: #edb74c;position: absolute;left: 0;bottom: 0;} .index_04{margin:0 auto;position:relative;z-index:2;max-width: 900px;width: 33vw;padding: 14px 0 0;min-width: 600px;} .index_04 .swiper-slide{max-width:initial} .index_04 .item{margin:0 15px;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_04 .img{padding-bottom: 55.58%;margin: 0 0 18px;} .index_04 .title{bottom:0;padding:0 12px;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;position: relative;font-weight: bold;} .index_04 .title::before{content: '';display: block;background: #00873c;width: 4px;height: 15px;position: absolute;left: 0;top: 50%;transform: translatey(-50%);} .index_04 .info{margin: 15px 12px 0;color: #999;} .index_04 .swiper_menu{text-align:center;padding:0 20px;font-size:0;margin: 6px 0 -40px;} .index_04 .arrow{width:50px;height:50px;display:inline-block;vertical-align:top;margin: 0 9px 0;cursor:pointer;position: relative;overflow: hidden;} .index_04 .arrow::after{content: '';display: block;width: 200%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: repeat-x #f5f5f5;} .index_04 .prev::after{background-image:url(/uploads/image/simages/mode04_prev.png);right: auto;background-position: left center;} .index_04 .next::after{background-image:url(/uploads/image/simages/mode04_next.png);left: auto;background-position: right center;} /* .index_04 .prev:hover{background-image:} */ /* .index_04 .next:hover{background-image:} */ .wrap_mode06{padding-bottom: calc( 620% / 19.2);background:center no-repeat;background-size:cover;height:0;position:relative;overflow:hidden;background: #171a18;display: block;} .wrap_mode06 .bg{display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background: center no-repeat;background-size: cover;opacity: .75;} .wrap_mode06 .bg{animation:scaletoggle 24s linear infinite;transform-style:preserve-3d} @-webkit-keyframes scaletoggle{ 0%{transform:scale(1)} 50%{transform:scale(1.2)} 100%{transform:scale(1)} } @keyframes scaletoggle{ 0%{transform:scale(1)} 50%{transform:scale(1.2)} 100%{transform:scale(1)} } .wrap_mode06 .index_title{position: absolute;left: 50%;transform: translatex(-50%);top: 50px;} .wrap_mode06 .en_channel_title{display: block;position: relative;padding: 0 0 10px;line-height: 30px;margin: 0 0 8px;color: rgba(255,255,255,.6);text-align: center;} .wrap_mode06 .en_channel_title::before{content: '';display: block;width: 144px;height: 1px;background: rgba(255,255,255,.3);position: absolute;bottom: 0;left: 50%;transform: translatex(-50%);} .wrap_mode06 .en_channel_title::after{content: '';display: block;width: 30px;height: 4px;background: #00873c;position: absolute;bottom: 0;left: 50%;transform: translatex(-50%);} .wrap_mode06 .channel_title{color: #fff;} .wrap_mode06 .channel_link{width: 160px;position: absolute;left: 50%;transform: translatex(-50%);bottom: 35px;text-align: center;border-top: 1px solid rgba(255,255,255,.3);padding: 9px 0 0;top: auto;color: #fff;} .wrap_mode06 .channel_link::before{background-image: url(/uploads/image/simages/index_more2.png);} .wrap_mode06 .channel_link:hover{bottom: 45px;} .wrap_mode06 .channel_link1{margin-left: -120px;} .wrap_mode06 .channel_link2{margin-left: 120px;} .wrap_mode07{padding: 57px 0 118px;position:relative;overflow:hidden} .mode07{position:relative} .mode07 .en_channel_title{display: inline-block;position: relative;padding: 0 20px 15px 0;line-height: 21px;margin: 0 0 0 6px;vertical-align: middle;color: #999;} .mode07 .en_channel_title::before{content: '';display: block;width: 110px;height: 1px;background: #ccc;position: absolute;left: 0;bottom: 0;} .mode07 .en_channel_title::after{content: '';display: block;width: 30px;height: 4px;background: #00873c;position: absolute;left: 0;bottom: 0;} .index_07{position:relative;} .index_07 > ul{margin: 0 -25px 0;} .index_07 .item{margin: 15px 28px;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_07 .img{padding-bottom:46.2%} .index_07 .slick-current .item{transform:scale(1.16);-ms-transform:scale(1.16);-moz-transform:scale(1.16);-webkit-transform:scale(1.16);-o-transform:scale(1.16);border-width:6.66px} .index_07 .slick_menu{position:absolute;left:0;right:0;bottom: -68px;text-align:center} .index_07 .slick-arrow{border:0;width:50px;height:50px;font-size:0;outline:0;background:center repeat-x #fff;position:relative;display:inline-block;transform:none;margin: 0 6px;left: 0;right: 0;} /* .index_07 .slick-arrow:after{display:none} .index_07 .slick-prev{left:0;background-image:url(/uploads/image/simages/mode04_prev.png)} .index_07 .slick-next{right:0;background-image:url(/uploads/image/simages/mode04_next.png)} .index_07 .slick-prev:hover{background-position-x: -50px;} .index_07 .slick-next:hover{background-position-x: 50px;} */ /* .index_07 .slick-arrow{width:50px;height:50px;display:inline-block;vertical-align:top;margin: 0 9px 0;cursor:pointer;position: relative;overflow: hidden;} */ .index_07 .slick-arrow::after{content: '';display: block;width: 200%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: repeat-x #fff;opacity: 1;transition: all ease-in-out 0s;-ms-transition: all ease-in-out 0s;-moz-transition: all ease-in-out 0s;-webkit-transition: all ease-in-out 0s;-o-transition: all ease-in-out 0s;} .index_07 .slick-prev::after{background-image:url(/uploads/image/simages/mode04_prev.png);right: auto;background-position: left center;} .index_07 .slick-next::after{background-image:url(/uploads/image/simages/mode04_next.png);left: auto;background-position: right center;} .wrap_mode09{padding: 66px 0 56px;} .mode09{overflow: hidden;} .mode09 .en_channel_title{display: inline-block;position: relative;/* padding: 0 20px 10px 0; *//* line-height: 30px; *//* margin: 6px 0 0 6px; *//* vertical-align: top; */color: #999;} .mode09 .en_channel_title::before{content: '';display: block;width: 110px;height: 1px;background: #ccc;position: absolute;left: 0;bottom: 0;} .mode09 .en_channel_title::after{content: '';display: block;width: 30px;height: 4px;background: #00873c;position: absolute;left: 0;bottom: 0;} .index_09a{float: right;position: relative;z-index: 2;padding: 0 76px;} .index_09a .slick-list:hover{overflow: visible;} .index_09a ul{margin: 0 0 0 0;width: 430px;} .index_09a li{} .index_09a .item{margin: 0 auto;width: 60px;height: 60px;position: relative;} .index_09a .slick-list:hover .item{opacity: 0;pointer-events: none;} .index_09a .slick-list:hover .slick-active .item{opacity: 1;pointer-events: initial;} /* .index_09a .slick-active .item{} */ .index_09a .img{padding-bottom: 100%;border-radius: 50%;} .index_09a .img img{transform: scale(1) !important;-ms-transform: scale(1) !important;-moz-transform: scale(1) !important;-webkit-transform: scale(1) !important;-o-transform: scale(1) !important;} .index_09a .item .hover_box{position: absolute;left: 50%;transform: translatex(-50%);top: 84%;width: 110px;padding: 20px 18px 12px;background: #fff;display: none;text-align: center;border-radius: 5px;} .index_09a .item .hover_box::before{content: '';display: block;position: absolute;border-bottom: 6px solid #fff;border-left: 4px solid transparent;border-right: 4px solid transparent;bottom: 100%;left: 50%;transform: translatex(-50%);} .index_09a .item:hover .hover_box{display: block;} .index_09a .slick-arrow{border: 0;width: 60px;height: 60px;font-size: 0;outline: none;background: center repeat-x #f2f2f2;border-radius: 50%;} /* .index_09a .slick-arrow:after{display: none;} .index_09a .slick-prev{left: 0px;background-image: url(/uploads/image/simages/mode04_prev.png);} .index_09a .slick-next{right: 0px;background-image: url(/uploads/image/simages/mode04_next.png);} .index_09a .slick-prev:hover{background-position-x: -45px;} .index_09a .slick-next:hover{background-position-x: 55px;} */ .index_09a .slick-arrow::after{content: '';display: block;width: 100px;position: absolute;left: 5px;right: 5px;top: 0;bottom: 0;background: repeat-x #f2f2f2;opacity: 1;transition: all ease-in-out 0s;-ms-transition: all ease-in-out 0s;-moz-transition: all ease-in-out 0s;-webkit-transition: all ease-in-out 0s;-o-transition: all ease-in-out 0s;} .index_09a .slick-prev::after{background-image:url(/uploads/image/simages/mode04_prev.png);right: auto;background-position: left center;} .index_09a .slick-next::after{background-image:url(/uploads/image/simages/mode04_next.png);left: auto;background-position: right center;} .index_09b{} .index_09b ul{margin: 0 0 0 0;padding: 11px 0 0;} .index_09b li{width: 25%;} .index_09b .item{margin: 0 0 0;position: relative;} .index_09b .img{padding-bottom: 100%;position: relative;} .index_09b .img::before{content: '';display: block;padding-bottom: 40%;position: absolute;left: 0;right: 0;bottom: 0; background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.8));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.8));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.8));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.8));z-index: 2;} .index_09b .ico{width: 36px;height: 36px;position: absolute;left: 0;bottom: 40px;z-index: 2;} .index_09b .title{margin: 0 0 0;position: absolute;left: 50px;right: 24px;bottom: 23px;color: #fff;z-index: 2;} .index_09b .time{position: absolute;left: 50px;bottom: 80px;color: rgba(255,255,255,.7);z-index: 2;} .index_09b .video,.index_09c .video{margin: 0 0 0;width: 48px;height: 48px;background: url(/uploads/image/simages/video.png) no-repeat center/cover;position: absolute;z-index: 10;transition: all 0.35s ease;left: 50%;top: 50%;transform:translatex(-50%) translatey(-50%);} .index_09c{} .index_09c ul{margin: 0 0 0 0;} .index_09c li{width: 50%;} .index_09c .item{margin: 0 0 0;position: relative;} .index_09c .img{position: relative;} .index_09c .img::before{content: '';display: block;padding-bottom: 22.8%;position: absolute;left: 0;right: 0;bottom: 0; background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.8));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.8));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.8));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.8));z-index: 2;} .index_09c .ico{width: 36px;height: 36px;position: absolute;left: 0;bottom: 20px;z-index: 2;} .index_09c .title{margin: 0 0 0;position: absolute;left: 50px;right: 10px;bottom: 27px;color: #fff;z-index: 2;} .index_09c .time{position: absolute;left: 47px;bottom: 58px;color: rgba(255,255,255,.7);z-index: 2;} .wrap_mode10{padding: 33px 0 108px;background: #f5f5f5;} .mode10{} .mode10 .lf{width: 35%;float: left;position: relative;z-index: 2;} .mode10 .index_title{margin-right: -22px;} .mode10 .rt{width: calc(62% - 8px);float: right;padding: 50px 0 0;position: relative;z-index: 1;margin: 11px 0 0;} .mode10 .rt::before{content: '';display: block;position: absolute;left: 110px;right: 0;top: 0;height: 50px;background: #00873c; background-image: -moz-linear-gradient( 0deg, rgba(248,182,45,0) 0%, rgba(248,182,45,.66) 100%);background-image: -webkit-linear-gradient( 0deg, rgba(248,182,45,0) 0%, rgba(248,182,45,.66) 100%);background-image: -ms-linear-gradient( 0deg, rgba(248,182,45,0) 0%, rgba(248,182,45,.66) 100%);} .index_10a{} .index_10a ul{margin: 0 0 0;padding: 22px 0 0;} .index_10a li{position: relative;border-bottom: 1px solid #d9d9d9;} .index_10a .item{margin: 0 0 0;padding: 18px 0;font-weight: bold;position: relative;} .index_10a .title{margin: 0 0 0;position: relative;left: 0;font-weight: bold;} .index_10a li:before,.index_10a li:after,.index_10a .title,.index_013 .item{transition: all ease .5s;-ms-transition: all ease .5s;-moz-transition: all ease .5s;-webkit-transition: all ease .5s;-o-transition: all ease .5s;} /* .index_10a li:before{content: "";display: block;position: absolute;left: -110px;top: -2px;bottom: -2px;width: calc(100% 110px);background: url(/uploads/image/simages/mode10_bg.png) right center no-repeat;opacity: 0;background-size: auto 100%;} */ /* .index_10a li:after{content: "";display: block;position: absolute;left: 0;top: 50%;background: #00873c;width: 2px;height: 44px;margin-top: -22px;opacity: 0;} */ .index_10a li:hover:before, .index_10a li.on:before{opacity: 1;left: 0;} .index_10a li:hover:after,.index_10a li.on:after{opacity: 1;} .index_10a li.on .title{color: #00873c;} .index_10b li.off{display: none;} /* .index_10b .img{padding-bottom: 56.16%;} */ .index_10b .title{margin: 0 0 0;display: none;} @media screen and (min-width:992px){ .index_04 .arrow:hover::after,.index_07 .slick-arrow:hover::after,.index_09a .slick-arrow:hover::after{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_04 .prev:hover::after{/* background-position-x: -50px;*/transform: translate3d(-50px,0,0)} .index_04 .next:hover::after{/* background-position-x: 50px;*/transform: translate3d(50px,0,0)} .index_07 .slick-prev:hover::after{/* background-position-x: -50px;*/transform: translate3d(-50px,0,0)} .index_07 .slick-next:hover::after{/* background-position-x: 50px;*/transform: translate3d(50px,0,0)} .index_09a .slick-prev:hover::after{/* background-position-x: -50px;*/transform: translate3d(-50px,0,0)} .index_09a .slick-next:hover::after{/* background-position-x: 50px;*/transform: translate3d(50px,0,0)} } @media screen and (max-width:1640px){ .banner .slick-dots{right:100px} .index_013 .item{/* height: 170px; */} .mode02 .lf,.mode02 .rt{width: calc(50% - 20px);} .wrap_mode06{margin-bottom: 0;} .wrap_mode10{padding: 20px 0 60px;} .index_10a ul{padding: 8px 0 0;} } @media screen and (max-width:1280px){ .index_013 .item{/* height: 125px; */padding: 12px 30px 0;} /* .index_013 .title{max-height: 48px;margin: 0 0 6px;} */ .index_013 .info{max-height: 40px;display: none;} .mode02 .index_title{width: auto;} .mode02 .rt .index_title{margin-left: 0;} .index_06 .img_centered{height: 360px;} .index_10a ul{padding: 0;} .index_10a .item{padding: 10px 0;} } @media screen and (max-width:1040px){ /* .mode09{margin-left: 0 !important;margin-right: 0 !important;} */ } @media screen and (max-width: 992px){ .bb{display: none;} .banner .slick-dots{right:auto;left:30px;width:26px;bottom:auto;top:50%;transform:translatey(-50%)} .banner .slick-dots li{width:24px;height:24px;margin:13px 0 0;opacity:.5} .banner_btns{bottom: 30px;} .channel_title{line-height:50px;font-size:32px;/* padding:10px 0; */} .channel_title::after,.channel_title::before{height:7px;width:40px} .channel_link{/* padding:12px 0 0; */max-width:140px} .channel_link::before{width:20px;height:20px;background-size:100% auto} .banner{height: auto;} .banner .slick-img{padding-bottom: 56.25%;height: 0;} .body_b{position: static !important;} .body_b.showdiv .header2{display: none;} .wrap_mode01{padding:30px 0 40px} .index_01 .lf,.index_01 .rt{/* width: auto; *//* float: none; */margin: 0;} .index_01{flex-wrap: wrap;} .index_01 .mid{order: 1;width: 100%;} .index_01 .lf{order: 2;width: 100%;} .index_01 .rt{order: 3;width: 100%;} .index_01 .mid{/* display: none; */} .index_013 li{height: auto;margin: 15px 0 0;} .index_013 .item{height: auto;padding: 12px 30px;} .index_013 .title{height: auto;/* margin: 16px 20px; */margin: 0 0 4px;} .index_012 li,.index_012 li:first-child{width: 50%;margin: 0;} .index_01{margin-bottom: 15px;} .index_012 ul{margin:0 0 -15px -15px} .index_012 .item{margin:0 0 15px 15px;} .index_012 .bottom{overflow: hidden;height: auto;padding: 8px 16px;border-top: none;} .index_012 .title{height: 48px;} .wrap_mode02{padding:30px 0} .mode02 .lf,.mode02 .rt{width: calc(50% - 10px);} .mode02 .rt .en_channel_title::after{right: 20px;} .index_021{padding: 20px;} .index_022{padding: 30px 20px;} .wrap_mode04{padding: 30px 0 0;} .mode04{padding-top: 0;padding-bottom: 70px;} .mode04::before{width:350px;max-width:90%} .mode04 .channel_link{margin: 0 0 0 50px;padding:5px 14px 0 12px;} .index_04 .item{margin:0} .index_04 .swiper_menu{padding:0} .index_04 .arrow{width:40px;height:40px} .index_06 .info{font-size:12px;line-height:20px} .wrap_mode07{padding: 35px 0 48px;} .mode07 .channel_link{padding:2px 0 0} .index_07 .item{margin:37px 22px} .index_07 .slick-current .item{margin:35px 35px} .index_07 .slick_menu{bottom: -30px;} .index_07{width:53%;margin: 36px auto 12px;} .index_07 .slick-list{overflow:visible} .index_07 .slick-arrow{width: 40px;height: 40px;} .wrap_mode06 .index_title{top: 10px;} .wrap_mode06 .channel_link{bottom:10px} .wrap_mode06 .channel_link1{margin-left: -80px;} .wrap_mode06 .channel_link2{margin-left: 80px;} .index_09a{float: none;margin: 20px auto 0;} .index_09a ul{width: 100%;} .index_09b li{width: 50%;} .mode10 .index_title{margin-right: 0;} .mode10 .lf,.mode10 .rt{width: auto;float: none;} .mode10 .rt{padding: 20px 0 0;} .index_10a{display: none;} .index_10b .title{display: block;padding: 6px 0 0;line-height: 2em;font-weight: bold;} .index_10b .slick-dots{bottom: -24px;} .index_10b .slick-dots li{width: 9px;height: 9px;margin: 0 5px;background: #00873c;opacity: .5;border-radius: 50%;} .index_10b .slick-dots li button{display: none;} .index_10b .slick-dots li.slick-active{opacity: 1;} } @media screen and (max-width:767px){ .banner_btns{bottom: 10px;} .banner .swiper-pagination-bullet{width: 20px;height: 20px;margin: 0 2px;} .banner_more{margin-left: 10px;} .index_title{margin-bottom: 12px;} .channel_title{font-size: 26px;} .en_channel_title,.mode07 .en_channel_title{padding-bottom: 8px;} .wrap_mode06 .en_channel_title{padding: 0;margin: 0 0 4px;} .wrap_mode06 .channel_title{line-height: 36px;} .wrap_mode01{padding: 10px 0 20px;} .wrap_mode02{padding: 16px 0;} .mode04{padding-bottom: 55px;} .wrap_mode07{padding: 16px 0 6px;} .wrap_mode06 .index_title{top: 6px;} .index_013 .item{padding: 12px;} .index_013 li:first-child .item::before{left: 12px;} .index_01 .rt .index_013 li:first-child .item::before{right: 12px;} .index_011 .title{margin: 0 20px 16px;} .index_012 li, .index_012 li:first-child{width: 100%;} .mode02 .lf, .mode02 .rt{width: 100%;float: none;} .mode02 .rt{margin:30px 0 0} .mode02 .channel_link{padding: 4px 0;} .mode02 .channel_link::after{display: none;} .index_012,.index_012.rt{width:auto;float:none} .index_021{padding: 10px 16px;} .wrap_mode04::before{height: 50%;} .index_04{width:100%;max-width: initial;min-width: initial;padding: 0;} .index_04 .swiper-slide-active .title{padding:0 10px} .index_06 .img_centered{height: 240px;padding: 0 20px;} .index_04 .img{margin: 0 0 6px;} .index_06 img{max-width: 80%;} .wrap_mode06 .channel_link{width: 90px;} .wrap_mode06 .channel_link1{margin-left: -50px;} .wrap_mode06 .channel_link2{margin-left: 50px;} .index_07{width:auto;margin: 0 auto;} .index_07 .slick-current .item{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);border-width:6.66px} .index_07 .item,.index_07 .slick-current .item{margin:0 20px} .index_07 .slick_menu{position: relative;bottom: 0;} .mode07 .channel_link{margin: 0;} .wrap_mode09{padding:12px 0} .index_09a .slick-arrow{transform: translatey(-50%);} .index_09b .ico{bottom: 20px;} .index_09b .title{bottom: 10px;right: 10px;} .index_09b .time{bottom: 70px;} .index_09b .video,.index_09c .video{width: 30px;height: 30px;} .index_09c li{width: 100%;} .index_09c .title{bottom: 12px;} .index_09c .time{bottom: 40px;} } @media screen and (max-width:413px){ .channel_title{font-size: 24px;line-height: 32px;} .mode01 .channel_title{padding-top: 0;} .mode01_title{text-align: left;} .mode01 .en_channel_title{display: none;} .mode02 .channel_title::before{width: 100%;} .mode02 .channel_link{position: absolute;right: 0;/* bottom: 10px; *//* top: auto; */} .index_06 .img_centered{height: auto;padding: 30% 0;} .index_09a .item{width: 40px;height: 40px;} .index_09a{padding: 0 50px;} .en_channel_title{display: none !important;} .wrap_mode06 .en_channel_title{display: none;} .index_09a .slick-arrow{width: 40px;height: 40px;} .index_09a .slick-prev:hover{background-position-x: -35px;} .index_09a .slick-next:hover{background-position-x: 45px;} .index_09a .slick-prev::after{left: -5px;} .index_09a .slick-next::after{right: -5px;} }