@-webkit-keyframes scale-bg {from {-webkit-transform:scale(1.2);transform:scale(1.2);} to {-webkit-transform:scale(1);transform:scale(1);} } @keyframes scale-bg {from {-webkit-transform:scale(1.2);transform:scale(1.2);} to {-webkit-transform:scale(1);transform:scale(1);} } .index_main{background: #f7f7f7;} .index_main .section1{position: relative;} .index_main .section1 .index_banner .item{background-size: cover;-webkit-background-size:cover;background-position: center;background-repeat: no-repeat;height:100vh;position: relative;} .index_main .section1 .index_banner .item.slick-current .scaleBg{visibility: visible; -webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards;} .index_main .section1 .index_banner .items{background-size: cover;background-position: center center;background-repeat: no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;} .index_main .section1 .index_banner .items:after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.2);} .index_main .section1 .index_banner .item .inner .block_txt{position: absolute;top: 44%;right: 10px;left:10px;opacity: 0; transform: translateY(40px);-webkit-transform: translateY(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease;} .index_main .section1 .index_banner .item.active .inner .block_txt{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 100ms; transition-delay: 100ms;} .index_main .section1 .index_banner .item .inner .block_txt h4{font-size: 30px;color: #fff;text-align: center;font-family: 'COCO';} .index_main .section1 .index_banner .item .inner .block_txt h2{color: #fff;font-size: 70px;font-weight: bold;text-align:center;letter-spacing:5px;} .index_main .section1 .index_banner .item .inner .block_txt h2 span{color: #f5c920;display: inline-block;letter-spacing: 5px;} .index_main .section1 .index_banner .item .inner .block_txt h3{color: #fff;font-size: 22px;text-align:center;margin-top: 10px;letter-spacing: 3px;} .index_main .section1 .slick_txt{width:30%;height: 100%;background-color: transparent;transition: all 500ms ease;-webkit-transition:all 500ms ease; background-repeat: no-repeat;position: absolute;top: 0;font-size: 0;outline: none;border:0;} .index_main .section1 .left{left: 0;} .index_main .section1 .right{right:0;} .index_main .section1 .slick_txt:hover .slick_arrow{opacity: 1;visibility: visible;} .index_main .section1 .slick_txt .slick_arrow{width: 20px;height: 36px;background-repeat: no-repeat;background-position: center;margin-top: -18px;position: absolute;top: 50%;cursor: pointer;transition: all 500ms ease;-webkit-transition:all 500ms ease;opacity: 0;visibility: hidden;} .index_main .section1 .slick_txt .prev{background-image:url("/lugangkidstjjsylgocom/static/home/images/ban_prev.png");left:60px;} .index_main .section1 .slick_txt .next{background-image:url("/lugangkidstjjsylgocom/static/home/images/ban_next.png");right:60px;} .index_main .section1 .slick_txt .prev:hover{background-image:url("/lugangkidstjjsylgocom/static/home/images/ban_prev_hover.png");} .index_main .section1 .slick_txt .next:hover{background-image:url("/lugangkidstjjsylgocom/static/home/images/ban_next_hover.png");} /*.index_main .section1 .index_banner .slick-arrow:hover:after{opacity: 1;visibility: visible;} .index_main .section1 .index_banner .slick-prev{left:0 ;} .index_main .section1 .index_banner .slick-next{right:0 ;} .index_main .section1 .index_banner .slick-prev:after{background-image: url("/lugangkidstjjsylgocom/static/home/images/ban_prev.png");left: 60px;} .index_main .section1 .index_banner .slick-next:after{background-image: url("/lugangkidstjjsylgocom/static/home/images/ban_next.png");right:60px;} .index_main .section1 .index_banner .slick-prev:hover:after{background-image: url("/lugangkidstjjsylgocom/static/home/images/ban_prev_hover.png");} .index_main .section1 .index_banner .slick-next:hover:after{background-image: url("/lugangkidstjjsylgocom/static/home/images/ban_next_hover.png");}*/ .index_main .section1 .number{position: absolute;bottom:8%;left: 50%;padding-bottom: 5px;border-bottom: 1px solid rgba(255,255,255,0.2);display: table;padding: 0 20px;width: auto;text-align: center;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .index_main .section1 .number span{font-family: "Myriad Pro","Microsoft YaHei";font-size: 14px;color: #fff;margin-right:100px;display: inline-block;cursor: pointer;position: relative;transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section1 .number span:last-child{margin-right: 0;} .index_main .section1 .number span:after{content: "";display: inline-block;width: 0;height: 2px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom:-20px;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section1 .number span.active:after{width: 100%;opacity: 1;visibility: visible;} .index_main .section1 .fix_news {perspective: 800px; -webkit-perspective: 800px; -moz-perspective: 800px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;overflow: hidden;position: absolute;left: 0;right:0;bottom: 0;margin: 0 auto;width: 75%;font-size: 0;text-align: center;} .index_main .section1 .fix_news .box{background: rgba(255,255,255,0.85);transform-origin: bottom; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; transform: rotateX(0deg) translate3d(0,0,0); -webkit-transform: rotateX(0deg) translate3d(0,0,0); -moz-transform: rotateX(0deg) translate3d(0,0,0); transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s; -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;} .index_main .section1 .fix_news .box.active{transform: rotateX(100deg) translate3d(0,0,0); -webkit-transform: rotateX(100deg) translate3d(0,0,0); -moz-transform: rotateX(100deg) translate3d(0,0,0); } .index_main .section1 .fix_news .item{display: inline-block;vertical-align: top;width: 33.33%;position: relative;padding: 30px 0;} .index_main .section1 .fix_news .item .txt{margin-top: 35px;position: relative;z-index: 2;border-right:1px solid #cac5c3;transition: all 500ms ease;-webkit-transition:all 500ms ease;margin-bottom: -30px;} .index_main .section1 .fix_news .item .txt h1{font-size: 24px;color: #333;text-align: center;font-weight: bold;} .index_main .section1 .fix_news .item .txt p{font-size: 16px;color: #666666;line-height: 26px;margin-top: 3px;} .index_main .section1 .fix_news .item .txt span{font-size: 14px;color: #f5c920;margin-top: 5px;display: inline-block;opacity: 0;visibility: visible;transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section1 .fix_news .item i{display: block;width: 88px;height: 34px;background-repeat: no-repeat;background-position: center top;position: absolute;left: 0;right: 0;top:24px;margin: 0 auto;z-index: 0;visibility: visible;opacity: 1;transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section1 .fix_news .item:nth-of-type(1) i{background-image: url("/lugangkidstjjsylgocom/static/home/images/index_ico1.png");} .index_main .section1 .fix_news .item:nth-of-type(2) i{background-image: url("/lugangkidstjjsylgocom/static/home/images/index_ico2.png");} .index_main .section1 .fix_news .item:nth-of-type(3) i{background-image: url("/lugangkidstjjsylgocom/static/home/images/index_ico3.png");} .index_main .section1 .fix_news .item:last-child .txt{border-right:0;} .index_main .section1 .fix_news .item:nth-of-type(2) .txt span{color: #70beff;} .index_main .section1 .fix_news .item:nth-of-type(3) .txt span{color: #ffa2ae;} .index_main .section1 .fix_news .item:hover .txt{margin-bottom: 0;margin-top: 0;} .index_main .section1 .fix_news .item:hover .txt span{opacity: 1;visibility: visible;} .index_main .section1 .fix_news .item:hover i{opacity: 0;visibility: hidden;} .index_main .section2{padding-bottom: 0;display: block;} .index_main .section2 .box{background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;} .index_main .section2 .box img{display: block;width: 100%;} .index_main .section2 .items{text-align: center;font-size: 0;overflow: hidden;position: absolute;left: 0;top:13%;width: 100%;} .index_main .section2 .items .item{display: table;width:33.33%;float: left;} .index_main .section2 .items .item .inner{width: 257px;height: 268px;display: table-cell;vertical-align: middle;position: relative;} .index_main .section2 .items .item .inner i{-webkit-animation: spinner 1.5s infinite linear;animation: spinner 1.5s infinite linear;background-image: url("/lugangkidstjjsylgocom/static/home/images/section2_bg1.png");background-repeat: no-repeat;background-position: center;display: block;position: absolute;left: 0;top: 0;right:0;width: 100%;height: 100%;display: none;} .index_main .section2 .items .item .inner .txt{transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section2 .items .item .inner span{ font-family: 'impact';font-size: 90px;color: #f5c920;display: inline-block;} .index_main .section2 .items .item .inner em{ font-family: 'impact';font-size: 90px;color: #f5c920;display: inline-block;} .index_main .section2 .items .item .inner h2{font-size: 22px;color: #fff;} .index_main .section2 .items .item:nth-of-type(2) .inner i{-webkit-animation-delay: 1.8s; animation-delay: 1.8s;} .index_main .section2 .items .item:nth-of-type(3) .inner i{-webkit-animation-delay: 2.3s; animation-delay: 2.3s;} .index_main .section2 .items .item:hover .inner .txt{transform: translateY(-5px);-webkit-transform:translateY(-5px);} @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .index_main .mobile_section2{display: none;} .index_main .section3{overflow: hidden;padding-bottom: 0;} .index_main .section3 .comm_tit {display: block;} .index_main .section3 .mobile_tit{display: none;} .index_main .section3 .comm_items{position: relative;} .index_main .section3 .comm_items .item{float: left;width: 33.33%;position: relative;overflow: hidden;} .index_main .section3 .comm_items .item .pic{overflow: hidden;} .index_main .section3 .comm_items .item .pic img{display: block;width: 100%;height:100%;transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section3 .comm_items .item:hover .pic img{transform: scale(1.05);-webkit-transform:scale(1.05);} .index_main .section3 .comm_items .item .txt{padding: 25px;background: #fff;text-align: center;transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section3 .comm_items .item .txt h2{color: #333;font-size: 24px;text-align: center;} .index_main .section3 .comm_items .item .txt h3{color: #333333;font-size: 30px;text-align: center;letter-spacing: 1px;} .index_main .section3 .comm_items .item .txt h4{color: #333;font-size: 16px;text-align: center;text-transform: uppercase;} .index_main .section3 .comm_items .item .txt span{border-radius: 20px;border:1px solid #cccccc;font-size: 14px;color: #999;text-align: center;line-height: 34px;display: inline-block;margin: 15px auto 0 auto;width:126px;transition: all 500ms ease;-webkit-transition:all 500ms ease;position: relative;} .index_main .section3 .comm_items .item .txt span:after{content: "";background-image: url("/lugangkidstjjsylgocom/static/home/images/more_ico1.png");background-repeat: no-repeat;background-position:center;width: 7px;height: 12px;display: block;position: absolute;right: 15px;top:50%;margin-top: -6px;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section3 .comm_items .item .txt span i{display: block;text-align: center;transition:all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section3 .comm_items .item:nth-of-type(1){z-index: 3;} .index_main .section3 .comm_items .item:nth-of-type(1) .txt h2{color: #1ab7cd;} .index_main .section3 .comm_items .item:nth-of-type(1) .txt h4{color: #1ab7cd;} .index_main .section3 .comm_items .item:nth-of-type(3) .txt h2{color: #0d7357;} .index_main .section3 .comm_items .item:nth-of-type(3) .txt h4{color: #0d7357;} .index_main .section3 .comm_items .item:nth-of-type(1):hover .txt h2{color: #fff;} .index_main .section3 .comm_items .item:nth-of-type(1):hover .txt h4{color: #fff;} .index_main .section3 .comm_items .item:nth-of-type(3):hover .txt h2{color: #fff;} .index_main .section3 .comm_items .item:nth-of-type(3):hover .txt h4{color: #fff;} .index_main .section3 .comm_items .item:nth-of-type(1):hover .txt h3,.index_main .section3 .comm_items .item:nth-of-type(3):hover .txt h3{color: #fff;} .index_main .section3 .comm_items .item:nth-of-type(1):hover .txt{background:#1ab7cd; } .index_main .section3 .comm_items .item:nth-of-type(3):hover .txt{background:#0d7357; } .index_main .section3 .comm_items .item:nth-of-type(3){float: right;} .index_main .section3 .comm_items .item:nth-of-type(2){position: absolute;left: 0;right: 0;margin: 0 auto;top: 0;width: 33.33%;height: 100%;z-index: 1;} .index_main .section3 .comm_items .item:nth-of-type(2) .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .index_main .section3 .comm_items .item:nth-of-type(2) .txt{position: absolute;bottom:0;left:0;width:100%;z-index: 3;background: rgba(245,201,32,0.8);} .index_main .section3 .comm_items .item:hover span{background-color: #fff;border-color: #fff;color: #333;} .index_main .section3 .comm_items .item:hover span:after{opacity: 1;visibility: visible;right: 20px;} /*.index_main .section3 .comm_items .item:nth-of-type(2):hover .txt{background: rgba(245,201,32,1);}*/ .index_main .section3 .comm_items .item:nth-of-type(2) span{border-color: #fff;background-color: #fff;} .index_main .section3 .comm_items .item:hover .txt span i{transform: translateX(-5px);} .index_main .section3 .mobile{display: none;} .index_main .section4{padding-bottom: 0;} .index_main .section4 .pic_slick .slick{margin-top: -20px;} .index_main .section4 .pic_slick .slick .item{padding-top: 3.5%;z-index: 1;position: relative;} .index_main .section4 .pic_slick .slick .item.slick-center{z-index: 3;} .index_main .section4 .pic_slick .slick .item .inner{position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform-origin: center bottom; transform-origin: center bottom;} .index_main .section4 .pic_slick .slick .item.slick-center .inner{transform: scale(2.3); transform: scale(2.3);} .index_main .section4 .pic_slick .slick .item .inner img{display: block;width: 100%;} .index_main .section4 .pic_slick .slick .item.active{z-index: 2;} .index_main .section4 .pic_slick .slick .item.active .inner{transform: scale(1.7); transform: scale(1.7);} .index_main .section4 .pic_slick .slick .block_txt{position: absolute; left: 0; bottom: 0; right: 0; background: rgba(39,156,254,.9); opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transition-delay: 0s; transition-delay: 0s;padding: 0 15px;} .index_main .section4 .pic_slick .slick .block_txt .txt{transform: scale(0.5); transform: scale(0.5);transform-origin: left center;width:200%;} .index_main .section4 .pic_slick .slick .block_txt h2{font-size: 16px;color: #fff;} .index_main .section4 .pic_slick .slick .block_txt h2 span{margin-right: 5px;} .index_main .section4 .pic_slick .slick .block_txt p{font-size: 14px;color: #fff;margin-top: 5px;} .index_main .section4 .pic_slick .slick .item .inner:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); z-index: 2; opacity: 1; visibility: visible; -webkit-transition: all 500ms ease; transition: all 500ms ease;} .index_main .section4 .pic_slick .slick .item.slick-center .inner:after{opacity: 0; visibility: hidden;} .index_main .section4 .pic_slick .slick .item.slick-center .block_txt{opacity: 1;visibility: visible;} .index_main .section4 .pic_slick .slick .slick-arrow{width: 27%;height: 100%;position: absolute;top:0;font-size: 0;background-color: transparent;border:0;cursor: pointer;z-index: 2;} .index_main .section4 .pic_slick .slick .slick-prev{left: 0;} .index_main .section4 .pic_slick .slick .slick-next{right: 0;} .index_main .section4 .date_slick {background: #ffffff;padding: 25px 70px 25px 50px;margin-top: 30px;} .index_main .section4 .date_slick .items{padding:0 10px;} .index_main .section4 .date_slick .items .item{float: left;position: relative;width: 12.12%;padding: 40px 0;font-size: 0;} .index_main .section4 .date_slick .items .item span{font-size: 14px;color: #333;position: absolute;top:0;right:-20px;cursor: pointer;width: 48px;} .index_main .section4 .date_slick .items .item .dot{width: 14px;height: 14px;border-radius: 50%;background: #fff;box-shadow: 0 0 20px rgba(6,0,1,0.2);position: relative;display: inline-block;vertical-align: middle;position: absolute;right: 0;top: 50%;z-index: 2;margin-top: -7px;transition: all 500ms ease;-webkit-transition:all 500ms ease;cursor: pointer;} .index_main .section4 .date_slick .items .item .dot:after{content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background: #cccccc;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .index_main .section4 .date_slick .items .item i{display: inline-block;vertical-align: middle;width: 100%;height: 1px;border:1px dashed #d9d9d9;position: relative;z-index: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease;} .index_main .section4 .date_slick .items .item i:after{content: "";display: inline-block;width:0;height: 1px;border:1px solid #2696f4;position: absolute;top:-1px;left: 0;z-index: 1;transition: all 800ms ease;-webkit-transition:all 800ms ease;opacity: 0;visibility: hidden;} .index_main .section4 .date_slick .items .item:first-child i{display: none;} .index_main .section4 .date_slick .items .item:first-child{width: 3%;} .index_main .section4 .date_slick .items .item:nth-child(even) span{top: initial;bottom: 0;} .index_main .section4 .date_slick .items .item.active,.index_main .section4 .date_slick .items .item.slick-current span{color:#2696f4; } .index_main .section4 .date_slick .items .item.active i:after,.index_main .section4 .date_slick .items .item.slick-current i:after{width: 100%;opacity: 1;visibility: visible;} .index_main .section4 .date_slick .items .item.active .dot,.index_main .section4 .date_slick .items .item.slick-current .dot{background: #279cfe;box-shadow: 0 0 20px rgba(39,156,254,0.6)} .index_main .section4 .date_slick .items .item.active .dot:after,.index_main .section4 .date_slick .items .item.slick-current .dot:after{background: #fff;} .index_main .section5 .tab_main .tab_tit{text-align: center;margin-bottom: 15px;} .index_main .section5 .tab_main .tab_tit a{display: inline-block;width: 164px;height: 48px;line-height: 48px;text-align: center;color: #333;font-size: 16px;border-radius: 25px;background: #fff;margin: 0 12px;transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section5 .tab_main .tab_tit a:hover,.index_main .section5 .tab_main .tab_tit a.active{background: #f5ca22;} .index_main .section5 .tab_main .tab_con .items{overflow: hidden;margin: 0 -20px;height: 0;transition: all 500ms ease;-webkit-transition: all 500ms ease;opacity: 0;visibility: hidden;} .index_main .section5 .tab_main .tab_con .items .item{transform: translateY(40px);-webkit-transform: translateY(40px);transition: all 500ms ease;-webkit-transition: all 500ms ease;opacity: 0;visibility: hidden;} /*.index_main .section5 .tab_main .tab_con .items.active{transform: translateY(0);opacity: 1;visibility: visible;height: auto; -webkit-transition-delay: 300ms; transition-delay: 300ms;}*/ .index_main .section5 .tab_main .tab_con .items.active{height: auto;transition: all 500ms ease;-webkit-transition: all 500ms ease;opacity: 1;visibility: visible;} .index_main .section5 .tab_main .tab_con .items.active .item{transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;visibility: visible;height: auto; -webkit-transition-delay: 300ms; transition-delay: 300ms;} .index_main .section5 .tab_main .tab_con .items.active .item:nth-of-type(2){ -webkit-transition-delay: 600ms; transition-delay: 600ms;transition-duration: 1000ms;} .index_main .section5 .tab_main .tab_con .items.active .item:nth-of-type(3){ -webkit-transition-delay: 900ms; transition-delay: 900ms;transition-duration: 1000ms;} .index_main .section5 .tab_main .tab_con .items .item{float: left;width: 33.33%;padding: 30px 20px;} .index_main .section5 .tab_main .tab_con .items .item a{display: block;margin: 0 ;background: #fff;transition:all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section5 .tab_main .tab_con .items .item .pic{overflow: hidden;} .index_main .section5 .tab_main .tab_con .items .item .pic img{display: block;width: 100%;transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section5 .tab_main .tab_con .items .item:hover .pic img{transform: scale(1.05);-webkit-transform:scale(1.05);} .index_main .section5 .tab_main .tab_con .items .item .txt{padding: 35px 30px;overflow: hidden;} .index_main .section5 .tab_main .tab_con .items .item .txt i{display: inline-block;width: 52px;height: 48px;background-repeat: no-repeat;background-position: center;float: left;} @media only screen and (min-width: 992px){ .index_main .section5 .tab_main .tab_con .items .item:nth-of-type(1) .txt i{background-image: url("/lugangkidstjjsylgocom/static/home/images/index_ico4.png") !important;} .index_main .section5 .tab_main .tab_con .items .item:nth-of-type(2) .txt i{background-image: url("/lugangkidstjjsylgocom/static/home/images/index_ico5.png") !important;} .index_main .section5 .tab_main .tab_con .items .item:nth-of-type(3) .txt i{background-image: url("/lugangkidstjjsylgocom/static/home/images/index_ico6.png") !important;} .index_main .section5 .tab_main .tab_con .items:nth-of-type(2) .item:nth-of-type(1) .txt i{background-image: url("/lugangkidstjjsylgocom/static/home/images/index_ico7.png") !important;} .index_main .section5 .tab_main .tab_con .items:nth-of-type(2) .item:nth-of-type(2) .txt i{background-image: url("/lugangkidstjjsylgocom/static/home/images/index_ico8.png") !important;} .index_main .section5 .tab_main .tab_con .items:nth-of-type(2) .item:nth-of-type(3) .txt i{background-image: url("/lugangkidstjjsylgocom/static/home/images/index_ico9.png") !important;} .index_main .section5 .tab_main .tab_con .items:nth-of-type(3) .item:nth-of-type(1) .txt i{background-image: url("/lugangkidstjjsylgocom/static/home/images/index_ico10.png") !important;} .index_main .section5 .tab_main .tab_con .items:nth-of-type(3) .item:nth-of-type(2) .txt i{background-image: url("/lugangkidstjjsylgocom/static/home/images/index_ico11.png") !important;} .index_main .section5 .tab_main .tab_con .items:nth-of-type(3) .item:nth-of-type(3) .txt i{background-image: url("/lugangkidstjjsylgocom/static/home/images/index_ico12.png") !important;} } .index_main .section5 .tab_main .tab_con .items .item .txt h2{margin-left: 70px;color: #333;font-size: 24px;margin-top: 10px;transition:all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section5 .tab_main .tab_con .items:nth-of-type(1) .item .txt h2{margin-top: -7px;} .index_main .section5 .tab_main .tab_con .items .item .txt p{margin-left: 70px;color: #808080;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .index_main .section5 .tab_main .tab_con .items .item:hover a{box-shadow: 0 0 30px 6px rgba(0,0,0,0.05);transform: translateY(-10px);-webkit-transform: translateY(-10px);} .index_main .section6{background: #fff;display: block;} .index_main .mobile_section6{display: none;} .index_main .section6 .items{position: relative;} .index_main .section6 .items .left{width: 49%;float: left;position: absolute;left: 0;top: 0;height: 100%;} .index_main .section6 .items .left .pic{overflow: hidden;position: relative;width: 100%;height: 65%;} .index_main .section6 .items .left .pic .img{display: block;width: 100%;height:100%;transition: all 500ms ease;-webkit-transition:all 500ms ease;background-size: cover;background-repeat: no-repeat;background-position: center;} .index_main .section6 .items .left:hover .pic .img{transform: scale(1.05);-webkit-transform:scale(1.05);} .index_main .section6 .items .left .txt{padding: 35px 35px 0 35px;border:1px solid #f2f2f2;} .index_main .section6 .items .left .txt h3{color: #333;font-size: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .index_main .section6 .items .left .txt p{color: #a6a6a6;font-size: 14px;line-height: 26px;height: 52px;margin-top: 10px;overflow: hidden;} .index_main .section6 .items .left .txt .bot{padding: 16px 0;border-top: 1px dashed #e6e6e6;margin-top: 30px;} .index_main .section6 .items .left .txt .bot span{font-family: 'DIN';font-size: 16px;color: #a6a6a6;} .index_main .section6 .items .left .txt .bot em{width: 20px;height: 13px;background: url("/lugangkidstjjsylgocom/static/home/images/more_ico2.png") no-repeat center;display: block;float: right;transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section6 .items .left:hover .txt .bot em{background: url("/lugangkidstjjsylgocom/static/home/images/more_ico2_hover.png") no-repeat center;} .index_main .section6 .items .left:hover .txt h3{color: #144d91;} .index_main .section6 .items .right{float: right;width: 49%;border:1px solid #f2f2f2;padding: 0 30px;} .index_main .section6 .items .right .item{overflow: hidden;padding: 26px 75px 26px 0;border-bottom: 1px solid #e6e6e6;position: relative;} .index_main .section6 .items .right .item .date {float: left;} .index_main .section6 .items .right .item .date h2{font-size: 60px;color: #144d91;font-family: 'DIN-BOLD';line-height: 60px;transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section6 .items .right .item .date span{font-size: 16px;color: #a6a6a6;font-family: 'DIN';display: block;margin: 5px 0 10px 0; } .index_main .section6 .items .right .item .date i{display: block;width: 20px;height: 4px;background: #d9d9d9;transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section6 .items .right .item .txt{margin-left: 110px;margin-top: 10px;} .index_main .section6 .items .right .item .txt h3{font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section6 .items .right .item .txt p{font-size: 14px;color: #a6a6a6;line-height: 26px;height: 52px;overflow: hidden;} .index_main .section6 .items .right .item:last-child{border-bottom: 0;} .index_main .section6 .items .right .item em{display: block;width: 20px;height: 20px;background-image: url("/lugangkidstjjsylgocom/static/home/images/more_ico3.png");background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;margin-top: -10px;right:0;transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section6 .items .right .item:hover .date h2{color: #f5ca22;} .index_main .section6 .items .right .item:hover .date i{background: #f5ca22;} .index_main .section6 .items .right .item:hover .txt h3{color: #144d91;} .index_main .section6 .items .right .item:hover em{background-image: url("/lugangkidstjjsylgocom/static/home/images/more_ico3_hover.png");transform: rotate(180deg);-webkit-transform: rotate(180deg);} .index_main .section6 .more{display: block;margin: 25px auto 0 auto;width: 200px;line-height: 48px;text-align: center;font-size: 14px;color: #fff;background: #144d91;border-radius: 30px;transition: all 500ms ease;-webkit-transition:all 500ms ease;} .index_main .section6 .more:hover{background: #f5ca22;} @media only screen and (max-width: 1600px){ .index_main .section1 .index_banner .item .inner .block_txt h4{font-size: 28px;} .index_main .section1 .index_banner .item .inner .block_txt h2{font-size: 60px;} .index_main .section1 .index_banner .item .inner .block_txt h3{font-size: 20px;} /*.index_main .section1 .number{bottom: 26%;}*/ .index_main .section1 .fix_news .box .item{padding: 18px 0;} .index_main .section1 .fix_news .item i{height: 28px;background-size: auto 38px;} .index_main .section1 .fix_news .item .txt h1{font-size: 18px;line-height: 20px;} .index_main .section1 .fix_news .item .txt p { font-size: 14px; line-height: 22px;margin-top: 5px;} .comm_tit h1{font-size: 36px;} .comm_tit h2{font-size: 32px;} .index_main .section2 .items .item .inner span{font-size: 80px;} .index_main .section2 .items .item .inner em{font-size: 80px;} .index_main .section3 .comm_items .item .txt h2{font-size: 22px;} .index_main .section3 .comm_items .item .txt h3{font-size: 24px;} .index_main .section3 .comm_items .item .txt h4{font-size: 14px;} .index_main .section5 .tab_main .tab_con .items .item .txt{padding: 24px 30px;} .index_main .section5 .tab_main .tab_con .items .item .txt h2{font-size: 20px;margin-top: 14px;} .index_main .section5 .tab_main .tab_con .items:nth-of-type(1) .item .txt h2 {margin-top: 0px;} .index_main .section6 .items .right .item .date h2{font-size: 54px;line-height: 54px;} .index_main .section6 .items .left .txt h3{font-size: 20px;} } @media only screen and (max-width: 1440px){ .index_main .section1 .index_banner .item .inner .block_txt h4{font-size: 24px;} .index_main .section1 .index_banner .item .inner .block_txt h2{font-size: 40px;} .index_main .section1 .index_banner .item .inner .block_txt h3{font-size: 18px;margin-top: 5px;} .comm_tit h1{font-size: 30px;} .comm_tit h2{font-size: 26px;} .comm_tit i{width: 50px;height: 3px;margin: 15px auto 30px auto;} .index_main .section2 .items .item .inner{height: 210px;} .index_main .section2 .items .item .inner i{background-size: 62%;} .index_main .section2 .items .item .inner span{font-size: 70px;} .index_main .section2 .items .item .inner em{font-size: 70px;} .index_main .section2 .items .item .inner h2{font-size: 20px;} .index_main .section3 .comm_items .item .txt{padding: 20px;} .index_main .section3 .comm_items .item .txt h2{font-size: 18px;} .index_main .section3 .comm_items .item .txt h3{font-size: 20px;} .index_main .section3 .comm_items .item .txt h4{font-size: 13px;} .index_main .section3 .comm_items .item .txt span{line-height: 30px;margin-top: 8px;} .index_main .section5 .tab_main .tab_tit a{width: 154px;height: 40px;line-height: 40px;font-size: 14px;margin: 0 10px;} .index_main .section5 .tab_main .tab_con .items .item .txt{padding:18px 22px;} .index_main .section5 .tab_main .tab_con .items .item .txt h2{font-size: 18px;margin-left: 60px;} .index_main .section5 .tab_main .tab_con .items .item .txt p{font-size: 14px;margin-left: 60px;} .index_main .section5 .tab_main .tab_con .items .item .txt i{background-size: auto 40px;} .index_main .section6 .items .left .pic{height: 61%;} .index_main .section6 .items .left .txt {padding: 26px 30px 0 30px;} .index_main .section6 .items .left .txt h3{font-size: 18px;} .index_main .section6 .items .left .txt p{line-height: 24px;height: 48px;} .index_main .section6 .items .left .txt .bot{margin-top: 22px;} .index_main .section6 .items .left .txt .bot span{font-size: 14px;} .index_main .section6 .items .right .item .date h2{font-size: 42px;line-height: 42px;} .index_main .section6 .items .right .item .txt {margin-top: 0;margin-left: 90px;} .index_main .section6 .items .right .item .txt h3{font-size: 16px;margin-bottom: 8px;} .index_main .section6 .items .right .item .txt p{line-height: 22px;height: 44px;} .index_main .section6 .items .right .item .date span{font-size: 14px;} .index_main .section6 .items .right .item{padding: 20px 56px 20px 0;} .index_main .section6 .more{width: 170px;line-height: 42px;} .index_main .section4 .pic_slick .slick .block_txt h2{font-size: 14px;} .index_main .section4 .pic_slick .slick .block_txt p{font-size: 12px;margin-top: 2px;} .index_main .section4 .date_slick{padding: 20px 70px 20px 50px;} } @media only screen and (max-width: 1366px){ .index_main .section1 .index_banner .item .inner .block_txt h4{font-size: 20px;} .index_main .section1 .index_banner .item .inner .block_txt h2{font-size: 26px;} .index_main .section1 .index_banner .item .inner .block_txt h3{font-size: 16px;} .index_main .section1 .index_banner .slick-arrow{background-size: auto 30px;} .comm_tit h1{font-size: 26px;} .comm_tit h2{font-size: 22px;} .index_main .section2 .items .item .inner span{font-size: 60px;} .index_main .section2 .items .item .inner em{font-size: 60px;} .index_main .section2 .items .item .inner h2{font-size: 18px;} .index_main .section5 .tab_main .tab_con .items .item .txt h2{font-size: 16px;} .index_main .section5 .tab_main .tab_con .items .item .txt{padding: 12px 20px;} } @media only screen and (max-width: 1300px){ .index_main .section2 .items .item .inner h2{font-size: 16px;} } @media only screen and (max-width: 1199px){ .index_main .section1 .index_banner .item .inner .block_txt h4{font-size: 18px;} .index_main .section1 .index_banner .item .inner .block_txt h2{font-size: 22px;} .index_main .section1 .index_banner .item .inner .block_txt h3{font-size: 14px;} .comm_tit h1{font-size: 22px;line-height: 28px;} .comm_tit h2{font-size: 18px;} .index_main .section2 .items .item .inner h2{font-size: 14px;} .index_main .section3 .comm_items .item .txt h2{font-size: 16px;} .index_main .section3 .comm_items .item .txt h3{font-size: 18px;} .index_main .section3 .comm_items .item .txt h4{font-size: 12px;} .index_main .section5 .tab_main .tab_con .items .item .txt{padding: 16px;} .index_main .section6 .items .right .item .txt h3{font-size: 14px;margin-bottom: 5px;} .index_main .section6 .items .right .item .txt p{font-size: 12px;line-height: 20px;height: 40px;} .index_main .section6 .items .right .item .date h2{font-size: 32px;line-height: 32px;} .index_main .section6 .items .right .item{padding: 12px 56px 12px 0; } .index_main .section6 .items .left .txt h3{font-size: 14px;} .index_main .section6 .items .left .txt p{font-size: 12px;line-height: 20px;height: 40px;margin-top: 5px;} .index_main .section6 .items .left .txt {padding: 15px 22px 0 22px;} .index_main .section6 .items .left .txt .bot{padding: 10px 0;margin-top: 15px;} .index_main .section6 .items .left .pic{height: 64%;} .index_main .section4 .pic_slick .slick .block_txt{padding: 0 6px;} } @media only screen and (max-width: 992px){ .comm_pad{padding: 30px 0;} .comm_tit h1{font-size: 20px;} .comm_tit h2{font-size: 16px;letter-spacing: 0;} .fix_news {display: none;} .index_main .section1 .index_banner .item{height: 64vh;} .index_main .section1 .index_banner .item .inner .block_txt{left: 0;right:0;margin: 0 auto;padding: 0 20px;top: 42%;} .index_main .section1 .index_banner .slick-arrow{display: none !important;} .index_main .section1 .index_banner .slick-dots{position: absolute;bottom: 12px;} .index_main .section1 .index_banner .slick-dots li{width: 12px;height: 12px;border-radius: 50%;border:2px solid #fff;} .index_main .section1 .index_banner .slick-dots li button{display: none;} .index_main .section1 .index_banner .slick-dots li.slick-active{background: #fff;} .index_main .section1 .number{bottom: 12%;display: none;} .index_main .section1 .number span{margin-right: 22px;} .index_main .section1 .number span:after{bottom: -14px;} .index_main .section2{display: none;} .index_main .section2 .box{text-align: center;padding: 15px 0;overflow: hidden;} .index_main .section2 .box img{width: 170%;margin: 0 auto;} .index_main .section2 .items{display: inline-block;} .index_main .section2 .items .item{display: inline-block;float: none;width: 29%;margin: 0 2%;} .index_main .section2 .items .item .inner{width: 140px;height: 145px;} .index_main .section2 .items .item .inner i{background-size: 100%;} .index_main .section2 .items .item .inner span{font-size: 32px;} .index_main .section2 .items .item .inner em{font-size: 32px;} .index_main .mobile_section2{display: block;background-color: #fff;background-image: url("/lugangkidstjjsylgocom/static/home/images/section2_bg2.jpg");background-repeat: no-repeat;background-position: center;background-size: contain;} .index_main .mobile_section2 img{display: block;width: 100%;margin: 0 auto;} .index_main .mobile_section2 .box{text-align: center;font-size: 0;} .index_main .mobile_section2 .box .item{display: inline-block;vertical-align: top;position: relative;width: 24vw;height: 24vw;} .index_main .mobile_section2 .box .item i{position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-image: url("/lugangkidstjjsylgocom/static/home/images/section2_bg2.png");background-size: 92%;left: 0;top: 0;} .index_main .mobile_section2 .box .item .txt{position: absolute;left: 0;right: 0;padding: 0 10px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .index_main .mobile_section2 .box .item .txt h2{font-family: "Impact";font-size: 24px;color: #f5c920;line-height: 1;display: inline-block;} .index_main .mobile_section2 .box .item .txt em{display: inline-block;font-size: 20px;color: #f5c920;line-height: 1;font-family: "Impact";} .index_main .mobile_section2 .box .item .txt span{font-size:12px;color: #333;display: block;line-height: 20px;} .index_main .section3{background: #f7f7f7;} .index_main .section3 .items{display: none;} .index_main .section3 .comm_tit{display: none;} .index_main .section3 .mobile_tit{display: block;} .index_main .section3 .mobile{display: block;padding-bottom: 30px;} .index_main .section3 .mobile .item{position: relative;margin-bottom: 15px;} .index_main .section3 .mobile .item .pic{overflow:hidden;} .index_main .section3 .mobile .item .pic img{display: block;width: 100%;} .index_main .section3 .mobile .item .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);} .index_main .section3 .mobile .item .txt .inner{text-align: center;position: absolute;left: 0;right: 0;bottom: 40px;} .index_main .section3 .mobile .item .txt .inner h2{color: #fff;font-size: 20px;line-height: 20px;margin-bottom: 8px;} .index_main .section3 .mobile .item .txt .inner h3{color: #fff;font-size: 24px;line-height: 32px;} .index_main .section3 .mobile .item .txt .inner h4{text-transform: uppercase;font-size: 14px;line-height: 20px;color: #fff;} .index_main .section3 .mobile .item .txt .inner span{color: #1ab7cd;font-size: 14px;text-align: center;display: block;width: 120px;line-height: 36px;background: #fff;border-radius: 30px;margin: 20px auto 0 auto;} .index_main .section4{display: none;} .index_main .section4 .pic_slick .slick .item.slick-center .inner{transform: scale(1.0); transform: scale(1.0);} .index_main .section4 .pic_slick .slick .item{padding-top: 25px;} .index_main .section4 .pic_slick .slick .block_txt{height: auto;padding: 8px 10px;} .index_main .section4 .pic_slick .slick .block_txt .txt{transform: scale(1.0);-webkit-transform: scale(1.0);transform-origin: left center;} .index_main .section4 .date_slick{padding: 15px 20px;} .index_main .section4 .date_slick .slick-list{padding: 0 20%;} .index_main .section4 .date_slick .items{padding: 0 2% 0 6%;} .index_main .section4 .date_slick .items .item{padding: 30px 0;} .index_main .section4 .date_slick .slick-arrow{width: 30px;height: 30px;background-size: auto 15px;cursor: pointer;outline: none;background-color: #fff;border-radius: 50%;transition: all 500ms ease;-webkit-transition:all 500ms ease;background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;margin-top: -15px;font-size: 0;border:2px solid #dddddd;z-index: 2;} .index_main .section4 .date_slick .slick-prev{background-image: url("/lugangkidstjjsylgocom/static/home/images/prev.png");left: -10px;} .index_main .section4 .date_slick .slick-next{background-image: url("/lugangkidstjjsylgocom/static/home/images/next.png");right: -10px;} .index_main .section4 .date_slick .slick-arrow:hover{border-color: #279cfe;} .index_main .section4 .date_slick .slick-prev:hover{background-image: url("/lugangkidstjjsylgocom/static/home/images/prev_hover.png");} .index_main .section4 .date_slick .slick-next:hover{background-image: url("/lugangkidstjjsylgocom/static/home/images/next_hover.png");} .index_main .section5{background: #fff;} .index_main .section5 .tab_main .tab_con .items{margin: 0;} .index_main .section5 .tab_main .tab_con .items.active{padding-bottom: 30px;} .index_main .section5 .tab_main .tab_con .items .item{} .index_main .section5 .tab_main .tab_con .items .item{width: 100%;padding: 0;position: relative;} .index_main .section5 .tab_main .tab_con .items .item:hover a {box-shadow: 0 0 0 0 rgba(0,0,0,0.05);transform: translateY(0);-webkit-transform: translateY(0);} .index_main .section5 .tab_main .tab_con .items .item .txt{position: absolute;left: 0;bottom:0;width: 100%;background: rgba(245,202,34,0.9);} .index_main .section5 .tab_main .tab_con .items .item .txt h2{color: #fff;font-size: 20px;} .index_main .section5 .tab_main .tab_con .items .item .txt p{color: #fff;} .index_main .section5 .tab_main .tab_con .items .slick-dots{position: absolute;right: 0;left:0;bottom: 0;} .index_main .section5 .tab_main .tab_con .items .slick-dots li button{display: none;} .index_main .section5 .tab_main .tab_con .items .slick-dots li{width: 12px;height: 12px;border-radius: 50%;border:1px solid #f5ca22;background-color: transparent;} .index_main .section5 .tab_main .tab_con .items .slick-dots li.slick-active{background: #f5ca22;} .index_main .section5 .tab_main .tab_tit a{width: auto;font-size: 12px;padding: 0 16px;margin: 0;height: 30px;line-height: 30px;} .index_main .section6 .items .left{width: 100%;position: static;float: none;} .index_main .section6 .items .left .pic{position: static;height: 200px;} .index_main .section6 .items .left .txt h3{font-size: 16px;} .index_main .section6 .items .left .txt p{margin-top: 8px;} .index_main .section6 .items .left .txt{padding: 20px 22px 0 22px;} .index_main .section6 .items .left .txt .bot{padding: 15px 0;margin-top: 15px;} .index_main .section6 .items .right{width: 100%;float: none;padding: 0 20px;margin-top: 20px;} .index_main .section6 .items .right .item{padding: 15px 0;} .index_main .section6 .items .right .item .txt{margin-left: 64px;} .index_main .section6 .items .right .item .date h2{font-size: 30px;line-height: 30px;} .index_main .section6 .items .right .item em{display: none;} .index_main .section6 .more{width: 148px;line-height: 38px;} .index_main .section6{display: none;} .index_main .mobile_section6{display: block;background: #f7f7f7;} .index_main .mobile_section6 .news_slick .item{position: relative;} .index_main .mobile_section6 .news_slick .item img{display: block;width: 100%;} .index_main .mobile_section6 .news_slick .item .txt{position: absolute;left: 0;bottom:0;background: rgba(0,0,0,0.6);padding: 10px 20px;width: 100%;} .index_main .mobile_section6 .news_slick .item .txt p{font-size: 14px;color: #fff;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .index_main .mobile_section6 .news_slick .slick-arrow{width: 40px;height: 60px;background-color: rgba(0,0,0,0.6);outline: none;font-size: 0;border:0;background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;margin-top: -30px;z-index: 1;background-size: auto 20px;cursor: pointer;} .index_main .mobile_section6 .news_slick .slick-prev{left: 0;background-image: url("/lugangkidstjjsylgocom/static/home/images/m_prev.png");} .index_main .mobile_section6 .news_slick .slick-next{right: 0;background-image: url("/lugangkidstjjsylgocom/static/home/images/m_next.png");} .index_main .mobile_section6 .more{width: 148px;line-height: 38px;background: #144d91;border-radius: 30px;color: #fff;text-align: center;margin: 20px auto 0 auto;font-size: 14px;display: block;} } @media only screen and (max-width: 767px){ } @media only screen and (max-width: 340px){ .index_main .mobile_section2 .box .item{width: 25vw;height: 25vw;} .index_main .mobile_section2 .box .item .txt h2{font-size: 22px;} .index_main .mobile_section2 .box .item .txt em{font-size: 18px;} } @media only screen and (max-width: 320px){ .index_main .section2 .items .item .inner{width: 140px;height: 120px;} .index_main .section6 .items .left .pic{height: 160px;} }