.home_swiper{height: 100vh;overflow: hidden;} .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_swiper > .swiper-pagination{right: auto;left: -50px;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;} .home_swiper > .swiper-pagination.on{left: 58px;} .home_swiper > .swiper-pagination .swiper-pagination-bullet{width: 32px;height: 32px;background: url(../images/home_dot.png) no-repeat;opacity: .55;border-radius: 0;margin: 30px 0;} .home_swiper > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;} */ .content{height: 100%;overflow: auto;box-sizing: border-box;padding-top: 20px;background: #f3f2ef;} .content > *{max-width: 1920px;margin: 0 auto;} .content footer{max-width: initial;} footer .gp-container{max-width: 1660px;} @media screen and (max-width: 1640px){ /* .content{padding-top: 70px;} */ } @media screen and (max-width: 996px){ .home_swiper,.home_swiper > .swiper-wrapper,.wrapbanner, .home_slide{height: auto;display: block;} .content{padding-top: 0;} } .home_side_fix{position: fixed;top: 50%;transform: translateY(-50%);right: 10px;overflow: hidden;z-index: 10;width: 90px;right: -100px;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;} .home_side_fix.on{right: 10px;} .home_side_fix::before{content: '';display: block;position: absolute;top: 30px;bottom: 0;left: 50%;width: 1px;background: #004096;z-index: -1;} .home_side_fix ul{margin: -40px 0 0;} .home_side_fix .item{margin: 40px 0 0;cursor: pointer;} .home_side_fix .img_box{margin: 0 0 10px;} .home_side_fix .img_box img{display: block;width: 100%;} .home_side_fix .title{font-weight: bold;text-align: center;font-size: 14px;padding: 5px 12px;color: #fff;background: #4182f4;border-radius: 6px;line-height: 20px;} .home_side_fix li:nth-child(2) .title,.home_side_fix li:nth-child(5) .title{background: #b29551;} .home_side_fix li:nth-child(4) .title{background: #004096;} .home_side_fix li:last-child .img_box{width: 36px;margin: 0 auto -10px;} .wrapbanner{background: #004096;} .wrapbanner::before{content: '';display: block;position: absolute;left: 0;bottom: 0;background: url(../images/banner_cover.png) no-repeat;width: 523px;height: 227px;z-index: 2;} .banner a{display:block;position:relative;padding-top: 49px;} .banner .title{color:#fff;margin:auto;white-space:nowrap;line-height:2em;position: absolute;left: 240px;right: 240px;bottom: 38px;z-index: 2;font-weight: bold;text-shadow: 0 2px 5px rgba(0,0,0,.5);} .banner .gp-img{display:block;overflow:hidden;position:relative;background-size: cover !important;padding-bottom: calc(100vh - 195px);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: 0;text-align: left;width: auto;bottom: 0;position: relative;display: inline-block;vertical-align: top;} .wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #d6c9a5;opacity: 1;border-radius: 50%;margin: 0 45px;vertical-align: top;} .wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #b29551;} .wrapbanner .swiper-pagination .swiper-pagination-bullet:first-child,.wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(5){margin-top: 12%;} .wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(2),.wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(4){margin-top: 20.4%;} .wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(3){margin-top: 23%;} .index_title{margin-bottom: 30px;display: block;text-align: center;color: #004096;line-height: 91px;background: url(../images/index_title.png) no-repeat center;font-family: 'hk';letter-spacing: 4.7px;} .index_title i{display: inline-block;width: 50px;} .index_title2{position: absolute;top: 53px;left: 66px;color: #004096;font-family: 'hk';z-index: 2;} .index_title2::before{content: '';display: block;height: 10px;width: 90px;background: #004096;position: absolute;top: 50%;transform: translateY(-50%);left: -110px;} a.index_more2{position: absolute;left: 66px;bottom: 0;color: #fff;display: block;} .wrap_mode01{padding: 120px 0 60px;} .mode01{} .mode01 .share_box{position: absolute;left: 0;right: 0;bottom: 0;line-height: 34px;padding: 15px 100px;background: #d6c9a5;border-radius: 12px 12px 0 0;color: #fff;z-index: 10;} .mode01 .share_box span{display: inline-block;vertical-align: middle;padding: 0 2px 0 0;} .mode01 .share_btn{display: inline-block;width: 34px;height: 34px;background: #f3f2ef no-repeat center/cover;margin: 0 0 0 12px;border-radius: 50%;vertical-align: middle;position: relative;} .mode01 .share_btn.share_wechat{background-image: url(../images/mode01_wechat.png);} .mode01 .share_btn.share_sina{background-image: url(../images/mode01_sina.png);} .mode01 .hover{position: absolute;left: 0;bottom: 110%;padding: 5px;background: #fff;display: none;} .mode01 .share_btn.share_wechat:hover .hover{display: block;} .mode01 .share_box{bottom: -80px;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;} .mode01 .item:hover .share_box{bottom: 0;} .index_01a{display: block;display: flex;align-items: stretch;background: #fff url(../images/mode01_bg1.png) no-repeat right bottom;margin: 0 0 30px;overflow: hidden;} .index_01a .img_box{width: 50%;} .index_01a .gp-img{padding-bottom: 62.6%;} .index_01a .info_box{margin: 0 0 0 0;padding: 0 0 0 0;width: 50%;box-sizing: border-box;padding: 61px 100px 0;position: relative;z-index: 2;} .index_01a .info_box::before{content: '';display: block;width: 10px;height: 270px;position: absolute;left: 0;top: 76px;background: #004096;} .index_01a .info_box::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;background: #004096 url(../images/mode01_bg2.png) no-repeat right bottom;width: 100%;height: 0;z-index: -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;} .index_01a .title{margin: 0 0 18px;color: #282828;font-weight: bold;line-height: 2em;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: 4em;} .index_01a .info{margin: 0 0 0;color: #666;line-height: 2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 6em;text-align: justify;} .index_01a .time{color: #004096;display: inline-block;margin: 0 0 28px;padding: 0 0 16px;font-weight: bold;border-bottom: 1px solid #004096;} .index_01a .month{margin: 2px 0 0;} .index_01a .more{color: #fff;font-weight: bold;display: block;margin: 30px 0 0;} .index_01a:hover .info_box::after{height: 100%;} .index_01a:hover .more,.index_01a:hover .time{color: #d6c9a5;} .index_01a:hover .time{border-bottom-color: #d6c9a5;} .index_01a:hover .title,.index_01a:hover .info{color: #fff;} .index_01b{} .index_01b ul{margin: 0 0 -30px -47px;padding: 0 0 0;} .index_01b .item{margin: 0 0 30px 47px;background: #fff;overflow: hidden;} .index_01b .gp-img{padding-bottom: 62.6%;} .index_01b .bottom{padding: 32px 40px 36px;position: relative;z-index: 2;} .index_01b .bottom::before{content: '';display: block;position: absolute;width: 10px;height: 90px;background: #004096;top: 41px;left: 0;} .index_01b .bottom::after{content: '';background: #004096 url(../images/mode01_bg3.png) right center no-repeat;display: block;position: absolute;left: 0;right: 0;top: 100%;bottom: 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;z-index: -1;} .index_01b .title{margin: 0 0 10px;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;} .index_01b .time{color: #aaa;margin: 0 0 0;text-align: right;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_01b .share_box{padding: 5px 40px;line-height: 24px;} .index_01b .share_btn{width: 24px;height: 24px;margin: 0 0 0 8px;} .index_01b .item:hover .bottom::after{top: 0;} .index_01b .item:hover .title,.index_01b .item:hover .time{color: #fff;} .wrap_mode02{padding: 91px 0 100px;overflow: hidden;background: url(../images/mode02_bg.png) no-repeat center bottom;background-size: 100% auto;} .mode02{} .mode02 .lf{width: 290px;float: left;position: absolute;left: 0;top: 0;bottom: 59px;z-index: 2;} .mode02_img{position: absolute;left: 0;bottom: 76px;} .mode02 .rt{margin: 0 0 0 366px;} .index_02{position: relative;} .index_02 ul{margin: 0 0 0;padding: 0 0 0;} .index_02 li{width: 483px;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_02 li.swiper-slide-active,.index_02 li.swiper-slide-active ~ li{opacity: 1;pointer-events: initial;} .index_02 .item{margin: 0 25px 60px 0;position: relative;} .index_02 li:nth-child(2n) .item{margin-top: 60px;margin-bottom: 0;} .index_02 .gp-img{padding-bottom: 95.85%;} .index_02 .bottom{padding: 40px 58px 32px 33px;position: absolute;left: 0;right: 97px;bottom: 0;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;} .index_02 .title{margin: 0 0 12px;font-weight: bold;} .index_02 .time{color: #aaa;margin: 0 0 0;text-align: right;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_02 .more{display: block;position: absolute;right: 0;top: 0;width: 44px;height: 44px;background: #004096;} .index_02 .more::before{content: '';display: block;width: 24px;height: 3px;background: #fff;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);} .index_02 .more::after{content: '';display: block;width: 3px;height: 24px;background: #fff;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);} .index_02 .item:hover .bottom{background: #b29551;color: #fff;} .index_02 .item:hover .time{color: #fff;} .index_02 .swiper_menu{text-align: center;padding: 0;font-size: 0;position: absolute;right: 100%;top: 50%;transform: translateY(-50%);z-index: 2;/*margin: -30px 0 0;*/} .index_02 .arrow{width: 45px;height: 45px;background: center no-repeat #d6c9a5;display: block;margin: 0 0 1px;cursor: pointer;} .index_02 .prev{left: 0px;background-image: url(../images/mode02_prev.png);} .index_02 .next{right: 0px;background-image: url(../images/mode02_next.png);} .index_02 .arrow:hover{background-color: #b29551;} .wrap_mode03{padding: 143px 0 92px;background: #f3f2ef url(../images/mode03_bg.png) no-repeat right center/auto 100%;} .mode03{} .mode03 .lf{width: 306px;position: absolute;left: 0;top: 0;bottom: 0;background: url(../images/mode03_bg2.png) center/cover;} .mode03 .lf .index_title2{color: #fff;top: 119px;} .mode03 .lf .index_title2::before{background: #d6c9a5;} .mode03 .lf a.index_more2{bottom: 50px;} .mode03 .rt{margin: 0 0 0 305px;} .index_03a{display: block;display: flex;align-items: stretch;} .index_03a .img_box{width: 800px;} .index_03a .gp-img{padding-bottom: 68%;} .index_03a .info_box{margin: 0 0 0 0;width: calc(100% - 800px);box-sizing: border-box;padding: 76px 66px 0;position: relative;z-index: 2;background: #fff url(../images/mode03_bg3.png) no-repeat right bottom;text-align: justify;} .index_03a .title{margin: 0 0 25px;color: #282828;line-height: 2em;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: 4em;font-weight: bold;} .index_03a .info{margin: 0 0 62px;color: #666;line-height: 2em;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;max-height: 8em;} .index_03a .time{color: #aaa;float: right;} .index_03a .more{color: #ce0004;} .index_03b{margin: 23px 0 0 15px;} .index_03b ul{margin: 0 0 -20px -26px;} .index_03b .item{margin: 0 0 20px 26px;background: #fff;padding: 33px 33px 26px;} .index_03b .top{overflow: hidden;height: 116px;margin: 0 0 55px;} .index_03b .title{font-weight: bold;} .index_03b .info{margin: 13px 0 0;color: #666;} .index_03b .time{color: #aaa;float: right;} .index_03b .more{color: #ce0004;} .wrap_mode04{padding: 68px 0 55px;background: url(../images/mode04_bg.png) center/cover;} .mode04{} .mode04 .index_title{color: #fff;margin-bottom: 42px;} .mode04 .lf{width: 70px;float: left;} .mode04 .rt{margin: 0 0 0 130px;} .index_04a{} .index_04a ul{margin: 0 0 -56px;} .index_04a .item{margin: 0 0 56px;border-left: 1px solid #d6c9a5;padding: 0 0 0 45px;} .index_04a .tip{color: #fff;width: 1em;text-align: center;position: relative;line-height: 1;} .index_04a .tip::before{content: '';width: 6px;height: 6px;background: #b29551;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%);top: -16px;} .index_04a .more{color: #d6c9a5;width: 1em;text-align: center;margin: 8px auto 0;} .index_04a .more::before{content: '';display: block;width: 1px;height: 50px;margin: 0 auto 10px;background: #d6c9a5;} .index_04b{} .index_04b ul{margin: 0 0 -56px -37px;} .index_04b .item{margin: 0 0 56px 37px;background: #fff;padding: 40px 50px 34px;} .index_04b .title{font-weight: bold;} .index_04b .info{margin: 9px 0 10px;color: #666;} .index_04b .time{text-align: right;color: #b0b0b0;} .index_04b .item2{padding-top: 25px;} .index_04b .info2{padding: 18px 0 0;} .index_04b .info2 p{line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0 0 0 23px;color: #666;margin: 0 0 10px;background: no-repeat left center;} .index_04b .info2 p:last-child{margin-bottom: 0;} .index_04b .info2 p.ico1{background-image: url(../images/mode04_ico1.png);} .index_04b .info2 p.ico2{background-image: url(../images/mode04_ico2.png);} .index_04b .info2 p.ico3{background-image: url(../images/mode04_ico3.png);} .wrap_mode05{padding: 106px 0;} .mode05{} .index_05{background: url(../images/mode05_bg.png) center/100% 100%;padding: 62px 33px 62px 254px;margin: 0 0 0 -60px;filter: drop-shadow( -10px 0 0 #bf2a2d);position: relative;} .index_05 h2{position: absolute;top: 50%;transform: translateY(-50%);color: #bf2a2d;font-weight: normal;font-family: 'hk';left: 130px;width: 2em;line-height: 1.3em;} .index_05 ul{margin: 0 0 -16px -17px;} .index_05 .item{margin: 0 0 16px 17px;} .index_05 .gp-img{padding-bottom: 42.2%;} .index_05 .gp-avg-md-1 .gp-img{padding-bottom: 13.7%;} .wrap_mode06{padding: 13px 0 56px;} .mode06{} .mode06 .lf{width: calc(50% + 40px);float: left;} .mode06 .lf .index_title2{top: 50px;} .mode06 .rt{width: calc(50% - 60px);float: right;} .index_06a{display: block;position: relative;margin: 0 0 20px;} .index_06a > img{display: block;width: 100%;} .index_06a::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 83px;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_06a .video_btn{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: 74px;height: 74px;background: url(../images/mode06_video.png) no-repeat center;z-index: 3;background-size: 100% auto;} .index_06a .bottom{position: absolute;left: 30px;bottom: 30px;right: 30px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;z-index: 3;} .index_06a .bottom .ico{display: inline-block;vertical-align: middle;margin: 0 16px 0 0;} .index_06a.size1{margin-left: 263px;} .index_06a.size1 .video_btn{width: 56px;height: 56px;} .index_06a.size3,.index_06a.size5{margin-right: 155px;} .index_06b{position: relative;overflow: hidden;margin: 0 0 19px;} .index_06b ul{margin: 0 0;} .index_06b .item{margin: 0 0;color: #fff;background: #b29551;padding: 64px 62px 55px 212px;text-align: justify;} .index_06b .title{margin: 0 0 18px;} .index_06b .more{color: #004096;line-height: 24px;margin: 27px 0 0;} .index_06b .more::before{content: '';display: inline-block;vertical-align: middle;height: 1px;width: 63px;background: #004096;margin: -4px 18px 0 0;} .index_06b .swiper_menu{text-align: center;font-size: 0;position: absolute;left: 98px;top: 50%;transform: translateY(-50%);z-index: 2;} .index_06b .arrow{width: 60px;height: 60px;background: center no-repeat rgba(255, 255, 255, .1);display: block;margin: 5px 0;cursor: pointer;} .index_06b .prev{left: 0px;background-image: url(../images/mode06_prev.png);} .index_06b .next{right: 0px;background-image: url(../images/mode06_next.png);} @media screen and (min-width:992px){ } @media screen and (max-width:1640px){ .wrapbanner::before{width: 400px;height: 174px;background-size: 100% auto;} .wrapbanner .swiper_menu{height: 90px;width: 446px;} .wrapbanner .swiper-pagination .swiper-pagination-bullet{margin: 0 27px;} .wrapbanner .arrow{top: 8px;} .wrapbanner .prev{left: 40px;} .wrapbanner .next{right: 40px;} .banner a{padding-top: 45px;} .banner .gp-img{padding-bottom: calc(100vh - 165px);} .banner .title{bottom: 30px;left: 160px;right: 160px;font-size: 26px;} .home_side_fix ul{margin: -24px 0 0;} .home_side_fix .item{margin: 24px 0 0;} .mode01 .share_box{padding: 6px 60px;} .mode01 .share_btn{width: 28px;height: 28px;margin: 0 0 0 8px;} .mode01 .share_box span{font-size: 14px;} .index_01b .share_box{padding: 5px 40px;} .index_01a .info_box{padding: 30px 60px 50px;} .index_01a .info_box::before{height: 140px;top: 40px;} .index_01a .time{margin: 0 0 16px;} .index_01a .more{margin: 10px 0 0;font-size: 14px;} .index_01a .title{margin-bottom: 10px;font-size: 18px;} .index_01a .info{font-size: 16px;max-height: 4em;} .wrap_mode02{padding: 40px 0;} .index_02 li{width: 400px;} .index_02 .bottom{padding: 30px 58px 22px 20px;} .wrap_mode03{padding: 70px 0;} .mode03 .lf{width: 240px;} .mode03 .rt{margin: 0 0 0 240px;} .index_03a .img_box{width: 58%;} .index_03a .info_box{width: 42%;padding: 30px 30px 0;} .index_03a .info{margin: 0 0 12px;max-height: 4em;-webkit-line-clamp: 2;} .index_03b .top{margin: 0 0 30px;} .index_03b .time{float: none;} .index_04b ul{margin: 0 0 -35px -30px;} .index_04b .item{margin: 0 0 35px 30px;} .index_06a .bottom{left: 20px;bottom: 10px;right: 20px;} .index_06b .swiper_menu{left: 40px;} .index_06b .item{padding: 40px 50px 40px 160px;} } @media screen and (max-width:1280px){ .home_side_fix .img_box{display: none;} .wrap_mode01{padding: 60px 0;} .index_01b .bottom{padding: 18px 30px;} .index_01b .bottom::before{top: 18px;} .mode02 .lf{bottom: 0;width: 240px;} .mode02_img{bottom: 44px;} .mode02 .rt{margin: 0 0 0 280px;} .mode03 .lf{width: 200px;} .mode03 .rt{margin: 0 0 0 200px;} .index_03a .info_box{background: #fff;} .index_06b .item{padding: 30px 40px 30px 120px;} .index_06a.size3, .index_06a.size5{margin-right: 40px;} } @media screen and (max-width: 996px){ .banner a{padding-top: 0;} .banner .gp-img{padding-bottom: 41.14%;height: 0;} .banner .title{display: none;} .wrapbanner{padding: 0 0 10px} .wrapbanner::before{width: 240px;height: 100px;} .wrapbanner .arrow{display: none;} .wrapbanner .swiper_menu{background: transparent;width: auto;height: auto;padding: 10px 0 0;} .wrapbanner .swiper-pagination .swiper-pagination-bullet{margin: 0 10px;} .wrapbanner .swiper-pagination .swiper-pagination-bullet:first-child,.wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(5),.wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(2),.wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(4),.wrapbanner .swiper-pagination .swiper-pagination-bullet:nth-child(3){margin-top: 0;} .index_title,.mode04 .index_title{margin-bottom: 24px;} .index_title2::before{height: 4px;} .wrap_mode01{padding: 30px 0;} .index_01a .img_box,.index_01a .info_box{width: 100%;} .index_03a .img_box,.index_03a .info_box{width: 100%;} .index_03a .info_box{padding: 20px 35px;} .index_03b .item{padding: 20px;} .index_03b .time{float:right;} .mode04 .lf{width: 100%;float: none;margin: 0 0 20px;} .mode04 .rt{margin: 0;} .index_04a li{width: 100%;} .index_04a li:nth-child(2n){display: none;} .index_04a .item{padding: 0 30px;text-align: left;overflow: hidden;} .index_04a .tip{width: auto;text-align: left;float: left;} .index_04a .more{float: right;width: auto;margin: 0;} .index_04a .tip::before,.index_04a .more::before{display: none;} .index_04b .item{padding: 20px 30px;} .index_04b .info{margin: 2px 0;} .index_04b .info2{padding: 10px 0 0;} .index_04b .info2 p{margin-bottom: 0;} .index_04c{border-left: 1px solid #d6c9a5;padding: 0 30px;display: block;overflow: hidden;margin: 0 0 20px 30px;} .index_04c .tip{color: #fff;text-align: center;position: relative;line-height: 1;float: left;} .index_04c .more{color: #d6c9a5;text-align: center;float: right;} .wrap_mode05{padding: 40px 0;} .index_05{padding: 30px;margin: 0;filter: none;background-size: cover;} .index_05 h2{position: relative;top: 0%;transform: translateY(0%);width: auto;left: 0;text-align: center;margin: 0 0 30px;} .wrap_mode06{padding: 10px 0 40px;} .mode06 .lf{width: 100%;float: none;margin: 0 0 20px;} .mode06 .rt{width: 100%;float: none;margin: 0;} } @media screen and (max-width:767px){ .index_title, .mode04 .index_title{margin-bottom: 16px;} .index_title{line-height: 60px;background-size: auto 100%;} .index_title2{position: relative;top: 0;margin: 0 0 20px;display: block;left: 0;padding-left: 40px;} .index_title2::before{left: -60px;height: 3px;} a.index_more2{left: auto;right: 0;color: #004096;} .mode02_img{display: none;} .mode01 .share_box{padding: 3px 40px;} .index_01a .info_box{padding: 20px 40px 50px;} .index_01b .title{line-height: 2em;margin-bottom: 6px;} .index_01b .bottom::before{height: 60px;} .wrap_mode02{padding: 10px 0 30px;} .mode02 .lf{position: relative;width: auto;float: none;} .mode02 .rt{margin: 0 0 0 40px;} .index_02 li{width: 100%;} .index_02 .item{margin: 0 20px 0 0;} .index_02 li:nth-child(2n) .item{margin-top: 0px;} .index_02 .title{margin-bottom: 3px;} .index_02 .bottom{padding: 10px 20px;right: 30px;} .index_02 .more{display: none;} .wrap_mode03{padding: 30px 0;} .mode03 .lf{width: auto;position: relative;padding: 20px 0;} .mode03 .lf .index_title2{top: 0;margin: 0;} .mode03 .lf a.index_more2{bottom: 20px;color: #fff;right: 20px;} .mode03 .rt{margin: 0 0 0 0;} .index_03a .title{margin-bottom: 10px;} .index_03a .info_box{padding: 20px;} .index_03b{margin-left: 0;} .index_03b .top{margin: 0 0 12px;height: auto;} .index_03b .info{margin: 6px 0 0;} .wrap_mode04{padding: 30px 0;} .index_04a .item{padding: 0 15px;} .index_04b ul{margin-bottom: -20px;} .index_04b .item{margin-bottom: 20px;} .index_04c{padding: 0 15px;} .index_03b .title,.index_03b .info,.index_04b .title,.index_04b .info,.index_06b .info{line-height: 2em;} .index_05{padding: 20px;} .index_05 h2{margin-bottom: 20px;} .wrap_mode06{padding: 0 0 30px;} .mode06 .lf .index_title2{top: 0;} .index_06a.size1,.index_06a.size3, .index_06a.size5{margin-left: 0;margin-right: 0;} .index_06a::after{padding-bottom: 50px;} .index_06a .video_btn,.index_06a.size1 .video_btn{width: 40px;height: 40px;} .index_06a .bottom .ico{margin: 0 6px 0 0;} .index_06b .item{padding: 18px 24px 18px 80px;} .index_06b .swiper_menu{left: 20px;} .index_06b .arrow{width: 40px;height: 40px;} .index_06b .title{margin-bottom: 6px;} .index_06b .more{margin-top: 10px;} } @media screen and (max-width:413px){ /* .index_04a .more{display: none;} */ }