/*! * fullpage 2.9.5 * https://github.com/alvarotrigo/fullpage.js * mit licensed * copyright (c) 2013 alvarotrigo.com - a project by alvaro trigo */ html.fp-enabled,.fp-enabled body {margin: 0;padding: 0;overflow:hidden;-webkit-tap-highlight-color: rgba(0,0,0,0);} .fp-section {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .fp-slide {float: left;} .fp-slide, .fp-slidescontainer {height: 100%;display: block;} .fp-slides {z-index:1;height: 100%;overflow: hidden;position: relative;-webkit-transition: all 0.3s ease-out; /* safari<=6 android<=4.3 */transition: all 0.3s ease-out;} .fp-section.fp-table, .fp-slide.fp-table {display: table;table-layout:fixed;width: 100%;} .fp-tablecell {display: table-cell;vertical-align: middle;width: 100%;height: 100%!important;} .fp-slidescontainer {float: left;position: relative;} .fp-controlarrow {-webkit-user-select: none; /* webkit (safari, chrome) browsers */-moz-user-select: none; /* mozilla browsers */-khtml-user-select: none; /* webkit (konqueror) browsers */-ms-user-select: none; /* ie10 */position: absolute;z-index: 4;top: 50%;cursor: pointer;width: 0;height: 0;border-style: solid;margin-top: -38px;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .fp-controlarrow.fp-prev {left: 15px;width: 0;border-width: 38.5px 34px 38.5px 0;border-color: transparent #fff transparent transparent;} .fp-controlarrow.fp-next {right: 15px;border-width: 38.5px 0 38.5px 34px;border-color: transparent transparent transparent #fff;} .fp-scrollable {overflow: hidden;position: relative;} .fp-scroller{overflow: hidden;} .iscrollindicator{border: 0 !important;} .fp-notransition {-webkit-transition: none !important;transition: none !important;} #fp-nav {position: fixed;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;-webkit-transform: translate3d(0,0,0);display: none;} #fp-nav.right {right: 17px;} #fp-nav.left {left: 17px;} .fp-slidesnav{position: absolute;z-index: 4;opacity: 1;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);left: 0 !important;right: 0;margin: 0 auto !important;} .fp-slidesnav.bottom {bottom: 17px;} .fp-slidesnav.top {top: 17px;} #fp-nav ul,.fp-slidesnav ul {margin: 0;padding: 0;} #fp-nav ul li,.fp-slidesnav ul li {display: block;width: 14px;height: 13px;margin: 7px;position:relative;} .fp-slidesnav ul li {display: inline-block;} #fp-nav ul li a,.fp-slidesnav ul li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;} #fp-nav ul li a.active span,.fp-slidesnav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesnav ul li:hover a.active span{height: 12px;width: 12px;margin: -6px 0 0 -6px;border-radius: 100%;} #fp-nav ul li a span,.fp-slidesnav ul li a span {border-radius: 50%;position: absolute;z-index: 1;height: 4px;width: 4px;border: 0;background: #333;left: 50%;top: 50%;margin: -2px 0 0 -2px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} #fp-nav ul li:hover a span,.fp-slidesnav ul li:hover a span{width: 10px;height: 10px;margin: -5px 0px 0px -5px;} #fp-nav ul li .fp-tooltip {position: absolute;top: -2px;color: #fff;font-size: 14px;font-family: arial, helvetica, sans-serif;white-space: nowrap;max-width: 220px;overflow: hidden;display: block;opacity: 0;width: 0;cursor: pointer;} #fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active .fp-tooltip {-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;width: auto;opacity: 1;} #fp-nav ul li .fp-tooltip.right {right: 20px;} #fp-nav ul li .fp-tooltip.left {left: 20px;} .fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tablecell{height: auto !important;} .fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tablecell {height: auto !important;} .fp-tablecell,.fp-section{ height: 100vh!important;} /* loading */ #loading{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;background-image: url(/uploads/image/tspahimages/loading_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;z-index: 999999;} #loading .con{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;z-index: 1;} #loading .con .loading_logo{display: inline-block;width: 8vw;margin-bottom: 2.60416vw;transition: 2s;} #loading .con .loading_logo img{width: 100%;} #loading .con p{font-size: 22px;color: #333333;margin-bottom: 7px;transition: 3s;font-weight: bold;} #loading .loadon p{opacity: 0;} #loading .loadon .loading_p1{transform: translatex(-100%);} #loading .loadon .loading_p2{transform: translatex(100%);} #loading span{display: inline-block;background-image: url(/uploads/image/tspahimages/loading_yun.png);width: 53.69791vw;height: 38.95833vw;background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;} #loading .mask{position: fixed;width: 100%;height: 100%;overflow: hidden;top: 0;left: 0;} #loading .mask1 span{bottom: 0vh;left:0;animation: maskani_1 80s infinite;} #loading .mask2 span{bottom: 0;right:0;animation: maskani_2 80s infinite;} #loading .mask3 span{bottom: -25vh;left: 25%;transform: translatex(-50%);animation: maskani_3 80s infinite;} #loading .mask4 span{bottom: -25vh;left: 50%;transform: translatex(-50%);animation: maskani_4 80s infinite;} #loading .mask5 span{bottom: -25vh;left: 75%;transform: translatex(-50%);animation: maskani_5 80s infinite;} #loading .mask6 span{bottom: 5vh;left: 25%;transform: translatex(-50%);animation: maskani_5 80s infinite;} #loading .mask7 span{bottom: 5vh;left: 50%;transform: translatex(-50%);animation: maskani_5 80s infinite;} #loading .mask8 span{bottom: 5vh;left: 75%;transform: translatex(-50%);animation: maskani_3 80s infinite;} #gototop{position: fixed;bottom: 5%;right: 5%;cursor: pointer;width: 2.60416vw;height: 2.60416vw;line-height: 2.60416vw;text-align: center;border-radius: 50%;background-color: rgba(0,0,0,0.5);} #gototop i{color: #fff;font-size: 20px;} /* index */ /* #index_main{display: none;} */ /* #index_main{display: none;} */ .section{width: 100vw;height: 100vh;} .section1 .indexbanner{width: 100vw;height: 100vh;position: relative;} .section1 .swiper-container,.section1 .swiper-slide{width: 100%;height: 100%;} .section1 .indexbanner .img{width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;} .section1 .indexbanner .one::after{content: "";position: absolute;width: 100%;height: 100%;background-image: url(/uploads/image/tspahimages/bannermask.png);background-position: center;background-size: cover;background-repeat: no-repeat;z-index: 1;opacity: 0;transition: 1.5s;} .section1 .indexbanner .con1{position: absolute;top: 70%;transform: translate(-50%,-50%);left: 50%;z-index: 9;text-align: center;width: fit-content;opacity: 0;transition: 1.5s;} .section1 .indexbanner .con1 .titleen{font-size: 6.25vw;line-height: 6.25vw;color: #fff;font-family: "frankruehl"; display: none;} /* .section1 .indexbanner .con1 .titlecn{font-size: 2.1875vw;line-height: 2.1875vw;color: #fff;margin-top: 1.04166vw;} */ .section1 .indexbanner .con1 .titlecn{font-size: 3.25vw;line-height: 2.1875vw;color: #fff;margin-top: 1.04166vw;} .section1 .indexbanner .swiper-slide-active .con1{top: 50%;opacity: 1;} .section1 .indexbanner .swiper-slide-active .one::after{opacity: 1;} .section1 .indexbanner .con2{position: absolute;top: 70%;transform: translatey(-50%);left: 10.41666vw;z-index: 9;width: fit-content;transition: 1.5s;opacity: 0;} .section1 .indexbanner .con2 .titleen{font-size: 4.47916vw;line-height: 4.47916vw;color: #fff;font-family: "frankruehl"; display: none;} /* .section1 .indexbanner .con2 .titlecn{font-size: 2.1875vw;line-height: 1.5;color: #fff;margin-top: 1.04166vw;} */ .section1 .indexbanner .con2 .titlecn{font-size: 3.25vw;line-height: 1.5;color: #fff;margin-top: 1.04166vw;} .section1 .indexbanner .con2 .conen{font-size: 14px;color: #fff;font-family: arial;margin-top: 15px;line-height: 1.5;} .section1 .indexbanner .swiper-slide-active .con2{opacity: 1;top: 50%;} .section1 .indexbanner .bannershu{background-image: url(/uploads/image/tspahimages/bannershub.png);width: 20px;height: 136px;background-position: center;background-size: cover;background-repeat: no-repeat;position: absolute;bottom: 0;left: 50%;transform: translatex(-50%);z-index: 99;} .section1 .indexbanner .swiper-pagination{position: absolute;right: 2.60416vw;top: 50%;transform: translatey(-50%);z-index: 99;} .section1 .indexbanner .swiper-pagination-bullet{display: block;width: 2px;height: 4.27083vw;background-color: #fff;opacity: 0.4;transition: 0.5s;cursor: pointer;outline: none;} .section1 .indexbanner .swiper-pagination-bullet-active{opacity: 1;} .section1 .indexbanner .swiper-button-prev,.section1 .indexbanner .swiper-button-next{width: 2.60416vw;height: 2.60416vw;line-height: 2.60416vw;text-align: center;border-radius: 50%;background-color: rgba(0,0,0,0.5);position: absolute;top: 50%;transform: translatey(-50%);outline: none;cursor: pointer;opacity: 0;transition: 0.8s;z-index: 9;} .section1 .indexbanner .swiper-button-prev{left: 25%;} .section1 .indexbanner .swiper-button-next{right: 25%;} .index_ban_lmask{position: absolute;left: 0;height: 100%;top: 0;width: 20%;opacity: 0;transition: 0.8s;z-index: 9;} .index_ban_rmask{position: absolute;right: 0;height: 100%;top: 0;width: 20%;opacity: 0;transition: 0.8s;z-index: 9;} .index_ban_lmask:hover .swiper-button-prev,.index_ban_rmask:hover .swiper-button-next{opacity: 1;} .index_ban_rmask:hover,.index_ban_lmask:hover{opacity: 1;} .section1 .indexbanner .swiper-button-prev i,.section1 .indexbanner .swiper-button-next i{color: #fff;font-size: 20px;} .index1{width: 100vw;height: 100vh;background-size: cover;background-position: center;background-repeat: no-repeat;padding-top: 17.44791vw;} .index1 .clearfix{width: 100%;} .index1 .fl{padding-left: 10.41666vw;transform: translatex(-100%);transition: 2s;} .index1 .fl .text{margin-top: 3.64583vw;width: 24.21875vw;color: #fff;font-size: 16px;line-height: 1.625;} .index1 .fl .more{margin-top: 4.6875vw;} .index1 .fr{padding-right: 5.20833vw;} .index1 .fr .con{width: 15.20833vw;padding: 2.34375vw 1.30208vw 1.30208vw;background-color: #84a42a;transform: translatex(100%);transition: 2s;} .index1 .fr .con .title{font-size: 18px;color: #fff;font-weight: bold;line-height: 18px;} .index1 .fr .con .text{color: rgb(255, 255, 255);line-height: 1.625;font-size: 16px;margin-top: 1.5625vw;} .index1 .fr .con .qianming{text-align: right;margin-top: 1.5625vw;} .index1 .fr .con .qianming img{max-width: 110px;} .index1 .fr .playvideobox{width: 15.20833vw;height: 10.15625vw;overflow: hidden;transform: translatex(100%);transition: 2s;transition-delay: 0.2s;} .index1 .fr .playvideo{width: 15.20833vw;background-size: cover;background-position: center;background-repeat: no-repeat;height: 10.15625vw;position: relative;cursor: pointer;transition: 0.8s;} .index1 .fr .playvideo .play{text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .index1 .fr .playvideo .play i{display: inline-block;background-image: url(/uploads/image/tspahimages/playbtn.png);width: 48px;height: 48px;background-size: cover;background-position: center;background-repeat: no-repeat;} .index1 .fr .playvideo .play div{font-size: 16px;color: #fff;font-weight: bold;} .index1 .fr .playvideo:hover{transform: scale(1.05);} .index1_more{font-size: 16px;color: #fff;display: inline-block;margin: 10px 0;border-bottom: 1px solid #fff;} .active .index1 .fl,.active .index1 .fr .con,.active .index1 .fr .playvideobox{transform: translatex(0);} .index2{width: 100vw;height: 100vh;background-size: cover;background-position: center;background-repeat: no-repeat;padding-top: 15.625vw;transition: 0.8s;padding-left: 10.41666vw;} .index2 .itembox{margin-top: 3.90625vw;} .index2 .itembox .item{display: inline-block;margin-left: 15px;width: 9.89583vw;height: 9.89583vw;border: 2px solid rgba(255,255,255,0.5);padding-top: 1.5625vw;padding-left: 15px;padding-bottom: 15px;position: relative;transition: 0.8s;transform: translatey(100%);transition-delay: 0.3s;background-color: rgba(0,0,0,0.2);} .index2 .itembox .item:first-child{margin-left: 0;} .index2 .itembox a{display: block;width: 100%;height: 100%;} .index2 .itembox .itemone{width: 100%;height: 100%;position: relative;transition: 0.8s;} .index2 .itembox .itemone .con{position: absolute;bottom: 0;color: #fff;} .index2 .itembox .itemone .title{font-size: 18px;font-weight: bold;margin-bottom: 5px;} .index2 .itembox .itemone pre,.index2 .itembox .itemtwo pre{font-size: 12px;font-family: "frankruehl";color: #fff;} .index2 .itembox .itemtwo{position: absolute;bottom: 0;height: 100%;left: 0;width: 100%;padding-top: 1.5625vw;padding-left: 15px;padding-bottom: 15px;background-image: linear-gradient(to bottom right, #99b324, #729830);transition: 0.8s;opacity: 0;} .index2 .itembox .itemtwo .title{font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 10px;} .index2 .itembox .itemtwo .text{width: 8.33333vw;font-size: 16px;color: #fff;position: absolute;bottom: 1.82291vw; line-height: 1.5;} .index2active .itemone{opacity: 0 !important;} .index2active{border-color: rgba(255,255,255,0.0) !important;width: 13.02083vw !important;} .index2active .itemtwo{opacity: 1 !important;height: 13.02083vw !important;} .index2 .more{margin-top: 3.38541vw;} .active .index2 .itembox .item{transform: translatey(0);} .index3{width: 100vw;height: 100vh;background-image: url(/uploads/image/tspahimages/index3bg.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;padding: 13.02083vw 10.41666vw 0;} .index3 .big{width: 35.15625vw;height: 33.59375vw;transform: translatex(-100%);transition: 2s;} .index3 .big .img{width: 100%;height: 24.375vw;overflow: hidden;} .index3 .big .img div{background-size: 100% 100%;background-position: center;background-repeat: no-repeat;transition: 0.8s;width: 100%;height: 100%;} .index3 .big a{display: block;} .index3 .big a:hover .img div{transform: scale(1.05);} .index3 .big .con{width: 100%;background-color: #fff;height: 9.21875vw;padding: 1.82291vw 1.82291vw 0;position: relative;} .index3 .big .con .title{font-size: 24px;color: #333333;width: 21.875vw;transition: 0.8s;} .index3 .big .con .text{font-size: 16px;line-height: 1.5;color: rgb(102, 102, 102);width: 21.875vw;margin-top: 1.40625vw;} .index3 .big .con .date{position: absolute;top: 1.82291vw;right: 1.04166vw;font-size: 14px;color: #333333;text-align: center;} .index3 .big .con .date div{font-size: 26px;line-height: 26px;margin-bottom: 5px;} .index3 .big .con::after{content: "";width: 0;height: 2px;background-color: #789c2e;left: 50%;bottom: 0;transition: 0.8s;z-index: 9;position: absolute;} .index3 .big a:hover .con::after{width: 100%;left: 0;} .index3 .big a:hover .title{color: #789c2e;} .index3 .small{padding-left: 4.42708vw;height: 100%;position: relative;width: 44.01041vw;} .index3 .small .indextitle{color: #333333;} .index3 .small .more{position: absolute;top: 1.82291vw;right: 0;} .index3 .clearfix{height: 33.59375vw;} .index3 .small .itembox{position: absolute;bottom: 0;width: 100%;transform: translatex(100%);transition: 2s;} .index3 .small .item{display: inline-block;padding-left: 1.04166vw;border-left: 1px solid #333333;width: 16.66666vw;} .index3 .small .item:first-child{margin-right: 4vw;} .index3 .small .item a{display: block;} .index3 .small .item .date{font-size: 14px;color: #333333;text-align: left;} .index3 .small .item .date div{font-size: 26px;line-height: 26px;} .index3 .small .item .title{margin-top: 1.82291vw;font-size: 18px;color: #333333;line-height: 1.333;font-weight: bold;transition: 0.8s;} .index3 .small .item .img{width: 16.66666vw;height: 11.5625vw;overflow: hidden;margin-top: 3.38541vw;} .index3 .small .item .img div{width: 100%;height: 100%;background-position: center;background-size: 100% 100%;background-repeat: no-repeat;transform: scale(1.0);transition: 0.8s;} .index3 .small .item:hover .img div{transform: scale(1.05);} .index3 .small .item:hover .title{color: #789c2e;} .active .index3 .big,.active .index3 .small .itembox{transform: translatex(0);} .index4{width: 100vw;height: 100vh;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;padding: 14.0625vw 10.41666vw 0;} .index4 .con{width: 100%;} .index4 .indextitle{color: #333333;} .index4 .more{margin-top: 3.90625vw;} .index4 .fr{width: 53.90625vw;transform: translatex(100%);transition: 2s;} .active .index4 .fr{transform: translatex(0);} .index4 .fr .swiper-container{width: 100%;} .index4 .fr a{display: block;overflow: hidden;} .index4 .fr .img{width: 100%;height: 30.98958vw;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;transition: 0.8s;} .index4 .fr .con{position: absolute;bottom: 0;right: 0;width: 18.10416vw;height: 22.3125vw;padding: 2.08333vw 1.5625vw;transition: 0.8s; background-size: cover; background-repeat: no-repeat;} .index4 .fr .con .title{font-size: 16px; color: #ffffff;font-weight: bold;transition: 0.8s;} .index4 .fr a{ margin-bottom: 10px;} .index4 .fr .con .text{font-size: 16px;color: rgb(255, 255, 255);line-height: 1.5;margin-top: 1.82291vw;} .index4 .fr .con .iconfont{position: absolute;color: #fff;left: 1.5625vw;bottom: 2.08333vw;transition: 0.8s;} .index4 .fr a:hover .img{transform: scale(1.05);} .index4 .fr a:hover .iconfont{transform: translatex(10px);} .index4 .fr a:hover .con{transform: scale(0.95);} .index4 .swiper-pagination{margin-top: 1.40625vw;} .index4 .swiper-pagination div{font-size: 14px;color: #ffffff;display: inline-block;position: relative;padding: 0 10px;margin-left: 4.42708vw;outline: none;cursor: pointer;} .index4 .swiper-pagination div:first-child{margin-left: 0;} .index4 .swiper-pagination div::after{content: "";position: absolute;width: 4.42708vw;height: 1px;background-color: #fff;position: absolute;top: 50%;transform: translatey(-50%);right: -4.5vw;z-index: 9;} .index4 .swiper-pagination div:last-child::after{content: unset;} .index4 .swiper-button-next{position: absolute;top: 50%;transform: translatey(-50%);right: -2vw;opacity: 0;transition: 0.5s;cursor: pointer;outline: none;} .index4 .swiper-button-prev{position: absolute;top: 50%;transform: translatey(-50%);left: -2vw;opacity: 0;transition: 0.5s;cursor: pointer;outline: none;} .index4 .fr:hover .swiper-button-next,.index4 .fr:hover .swiper-button-prev{opacity: 1;} .index4 .swiper-button-next i{color: rgba(255,255,255,0.8);font-size: 36px;display: inline-block;animation: gyhm5ani 2s infinite;} .index4 .swiper-button-prev i{color: rgba(255,255,255,0.8);font-size: 36px;display: inline-block;animation: gyhm5ani 2s infinite;} .section6 .footer{width: 100vw;height: 100vh;background-image: url(/uploads/image/tspahimages/indexfooter.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;padding: 8.125vw 2.60416vw 0;} .section6 .footer .bot{margin-top: 5vw;width: 100%;} .footer .con .list{transform: translatex(-100%);transition: 2s;} .section6 .footer .bot{transform: translatey(100%);transition: 3s;} .active .footer .con .list{transform: translatex(0);} .active .footer .bot{transform: translatey(0);} @media screen and (max-width:1920px) { .section6 .footer .bot{margin-top: 5vw;} .index1{padding-top: 11.45vw;} } @media screen and (max-width:1600px) { .section6 .footer .bot{margin-top: 7vw;} .index3 .big .con .text{margin-top: 0.40625vw;} .index1{padding-top: 12.44791vw;} } @media screen and (max-width:1366px) { .index1{padding-top: 6.44791vw;} .index1 .fr .con{width: 30vw;padding: 1.34375vw 1.30208vw 1.30208vw;} .index1 .fr .playvideobox,.index1 .fr .playvideo{width: 30vw;height: 15vw;} .index2 .itembox .itemtwo .title,.index2 .itembox .itemtwo .text,.index2 .itembox .itemone .title{font-size: 14px;} .index3 .big .con .title{font-size: 20px;} .index3 .big .con .text{font-size: 14px;} .index3{padding: 9.02083vw 10.41666vw 0;} .index4{padding: 8.0625vw 10.41666vw 0;} .section6 .footer .bot{margin-top: 3vw;} .index2{padding-top: 9.625vw;} .section6 .footer{padding: 5.125vw 2.60416vw 0;} } @media screen and (max-width:980px) { #index_main{display: block;} .section1 .indexbanner .swiper-button-prev, .section1 .indexbanner .swiper-button-next{height: 35px;width: 35px;line-height: 35px;opacity: 1;} .section1 .indexbanner .swiper-button-prev i, .section1 .indexbanner .swiper-button-next i{font-size: 14px;} .index_ban_lmask,.index_ban_rmask{opacity: 1;} #gototop {width: 40px;height: 40px;line-height: 40px;} .section1 .indexbanner .swiper-pagination{display: none;} .section{width: unset;height: unset;} .section1 .indexbanner{height: 55.55555vw;} .section1 .indexbanner .bannershu{display: none;} .section1 .indexbanner .con1 .titleen,.section1 .indexbanner .con2 .titleen{font-size: 20px;line-height: 20px;} .section1 .indexbanner .con2 .titlecn,.section1 .indexbanner .con2 .conen{font-size: 12px;line-height: unset;} .index1{height: auto;padding: 3.62318vw;} .index1 .fl{float: unset;transform: unset;width: 100%;padding: 0;} .index1 .fl .text{width: 100%;font-size: 12px;line-height: 1.5;} .index1 .fr{float: unset;width: 100%;padding: 0;margin-top: 3.62318vw;} .index1 .fr .con{width: 100%;transform: unset;padding: 10px;} .index1 .fr .con .title{font-size: 16px;} .index1 .fr .con .text{font-size: 12px;line-height: 1.5;} .index1 .fr .con .qianming{margin-top: 10px;} .index1 .fr .con .qianming img{width: 60px;} .index1 .fr .playvideobox{width: 100%;transform: unset;height: auto;} .index1 .fr .playvideo{width: 100%;height: 43.47826vw;} .index1 .fr .playvideo .play i{width: 35px;height: 35px;} .index1 .fr .playvideo .play div{font-size: 12px;} .index2{height: auto;padding: 3.62318vw;} .index2 .itembox{margin-top: 4.83091vw;} .index2 .itembox .item{display: block;width: 100% !important;margin-left: unset;margin-top: 10px;transform: unset;height: 24.15458vw;padding: 10px;} .index2 .itembox .itemtwo{padding: 3.62318vw; display: none;} .index2 .itembox .itemtwo .text{width: 100%;} .index2active .itemone{ opacity: 1!important;} .index2active .itemtwo{height: 26.57004vw !important;} .index3{padding: 3.62318vw;height: auto;} .index3 .clearfix{height: auto;position: relative;padding-top: 55px;} .index3 .small .indextitle{position: absolute;top: 0;} .index3 .big,.index3 .small{float: unset;transform: unset;width: 100%;height: auto;padding: 0;} .index3 .big .img{height: 48.30917vw;} .index3 .big .con{padding: 2.41545vw;height: auto;} .index3 .big .con .title{width: 83%;font-size: 20px;line-height: 20px;} .index3 .big .con .text{font-size: 12px;line-height: 1.5;width: 83%;margin-top: 10px;} .index3 .big .con .date div{font-size: 20px;line-height: 20px;} .index3 .big .con .date{top: 50%;transform: translatey(-50%);right: 10px;font-size: 12px;} .index3 .small{margin-top: 10px;position: unset;} .index3 .small .more{top: 2px;} .index3 .small .itembox{position: unset;transform: unset;margin-top: 10px;width: 100%;} .index3 .small .item{width: 100%;margin: unset !important;margin-top: 10px !important;padding-left: 10px;} .index3 .small .item .date div{font-size: 20px;line-height: 20px;} .index3 .small .item .date{font-size: 12px;} .index3 .small .item .img{width: 100%;height: 36.23188vw;} .index4{padding: 3.62318vw;height: auto;} .index4 .con .fl{width: 100%;float: unset;} .index4 .fr{width: 100%;float: unset;transform: unset;margin-top: 10px;} .index4 .swiper-pagination{display: none;} .index4 .fr .img{height: 500px;} .index4 .fr .con{width: 260px;height: auto;padding: 10px; padding-bottom: 30px;} .index4 .fr .con .title{font-size: 14px;} .index4 .fr .con .text,.index4 .fr .con .iconfont{font-size: 12px;} .section6 .footer{height: auto;padding: 3.62318vw;} .section6 .footer .bot{margin-top: 10px;transform: unset;} } @keyframes maskani_1{ from{ transform: translatex(-50%); } to{ transform: translatex(150%); } } @keyframes maskani_2{ from{ transform: translatex(200%); } to{ transform: translatex(-200%); } } @keyframes maskani_3{ 0%{ transform: translatex(-25%); } 50%{ transform: translatex(100%); } 100%{ transform: translatex(-25%); } } @keyframes maskani_4{ 0%{ transform: translatex(-50%); } 50%{ transform: translatex(100%); } 100%{ transform: translatex(-50%); } } @keyframes maskani_5{ 0%{ transform: translatex(75%); } 50%{ transform: translatex(-100%); } 100%{ transform: translatex(75%); } }