@keyframes run1{ 0%{transform: translatey(-3px);} 50%{transform: translatey(3px);} 100%{transform: translatey(-3px);} } @keyframes run2{ 0%{transform:scale(1);} 50%{transform:scale(1.2);} 100%{transform:scale(1);} } /*@keyframes run3{ 0%{transform: translatex(0px);} 100%{transform: translatex(10px);} } .sec3_left img:hover{animation:run3 1s linear infinite;}*/ .section1 .fp-tablecell{display: block;} .section1 .swiper-slide{overflow: hidden;} .section1 .swiper-slide a{display: block;height: 100%;width: 100%;position: relative;} .section1 .swiper-slide img{/*min-height: 100%;min-width: 100%;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);*/width: 100%;height: 100%;} .section1 .swiper-container{height: 100%;} .section1 .swiper-pagination-bullet{width: 70px;height: 4px;border-radius: 0;background: white;opacity: 0.3;} .section1 .swiper-pagination-bullet-active{background: #e60012;opacity: 1;} .section1 .swiper-pagination{bottom:35px;} .xiangxia{position: absolute;z-index: 22;width: 100%;text-align: center;bottom:85px;} .xiangxia a{display: inline-block;width: 80px;height:80px;border:1px solid white;text-align: center;line-height: 80px;border-radius: 50%;} .xiangxia a i{display: inline-block;font-size: 40px;color: white;animation: run1 2s linear infinite;} .section2 { background:url(/uploads/image/eiimages/si_bg.jpg) no-repeat;background-size:100% 100%;} .si_title {float:right; margin-right:10%; text-align:right; margin-bottom:50px;} .si_title h3{ color:#231815; font-size:42px; font-weight:bold;} .si_title h4{ color:#231815; font-size:26px; font-weight:bold;} .section2 .swiper-container{height:60%; width:80%; margin:0 auto} .section2 .swiper-slide:nth-child(1){background: url(/uploads/image/eiimages/lxcoa1.jpg) no-repeat;background-size: 100% 100%;} .section2 .swiper-slide:nth-child(2){background: url(/uploads/image/eiimages/lxcoa2.jpg) no-repeat;background-size: 100% 100%;} .section2 .swiper-slide:nth-child(3){background: url(/uploads/image/eiimages/lxcoa3.jpg) no-repeat;background-size: 100% 100%;} .section2 .swiper-slide:nth-child(4){background: url(/uploads/image/eiimages/lxcoa4.jpg) no-repeat;background-size: 100% 100%;} .section2 .swiper-slide a{display: block;position: relative;height: 100%;z-index: 2;overflow: hidden;} .sec2_list1{position: absolute;top:50%;width: 100%;transform: translatey(-50%);text-align: center;padding: 0 15%;box-sizing: border-box;} .sec2_list1 h2{font-size:28px;color: white;margin:30px 0 0;text-shadow: 1px 1px rgba(0, 0, 0,0.8),2px 2px rgba(0, 0, 0,0.8);} .sec2_list1 h2:after{content: '';display: block;width: 30px;height: 1px;background: rgba(250,250,250,.5);margin:20px auto} .sec2_list1 p{font-size: 14px;color: white;line-height:25px;height: 50px;overflow: hidden;text-align:left;word-break: break-all;} .sec2_list1 span{display: inline-block;width: 80px;height: 23px;text-align: center;line-height: 23px;font-size:12px;color: white;border:1px solid white;border-radius: 50px;margin-top: 60px;} .section2 .swiper-slide:hover .sec2_list1 p{height: 180px;} .section2 .swiper-slide:hover .sec2_list1 h2{font-weight: bold;} .section2 .swiper-slide:hover .sec2_list1 span{background: white;color: #333;} .section2 .swiper-slide a:after{position: absolute;top:100%;width:100%;height:100%;content:'';background:rgba(230, 0, 18, 0.6);z-index: -1;} .section2 .swiper-slide:hover a:after{top:0;} .section3{text-align: center; background:url(/uploads/image/eiimages/about_bg.jpg) no-repeat;background-size:30% 100%;} .about_title {margin-right:10%; text-align:right;} .about_title h3{ color:#231815; font-size:42px; font-weight:bold;} .about_title h4{ color:#231815; font-size:26px; font-weight:bold;} .sec3_left{display: inline-block;vertical-align: middle;width:35%;} .sec3_left img{max-width: 100%;} .sec3_right{display: inline-block;vertical-align: middle;text-align: left;margin-left: 70px;width: 40%;} .sec3_right_list1{width: 320px;display: inline-block;vertical-align: middle;margin-left: 50px;} .sec3_right span{position:relative;display: inline-block;vertical-align:middle;width:110px;height:110px;border:1px solid lightgray;border-radius:50%;text-align: center;line-height: 110px;} .sec3_right span:after{content: '';display: block;width: 1px;height:32px;background: lightgray;left: 50%;top:104%;position:absolute} .sec3_right p{font-size: 14px;color: gray;line-height:25px;} .sec3_right h3{font-size: 16px;color: #333;margin-bottom: 20px;} .sec3_right h3:before{content: '';display: inline-block;vertical-align: middle;height: 2px;width: 0px;background:lightgray;margin-right: 5px;} .sec3_right li:hover h3:before{width: 30px;} .sec3_right li{margin-top: 40px;} .sec3_right li:first-child{margin-top: 0;} .sec3_right li:last-child span:after{display: none;} .gengduo{display: block;margin:70px auto 0;width:200px;height:44px;border:1px solid lightgray;text-align:center;line-height:44px;font-size: 15px;color: #999;font-weight: bold;font-style: oblique;} .gengduo:hover{background: rgba(46,75,163,1);color: white;} .sec3_bottom{ margin-top:50px;} .sec3_bottom span{ color:#fff; font-size:30px;text-shadow: 1px 1px rgba(0, 0, 0,0.8);} .sik{ float:right;display:block; margin-right:10%; width:55%;} .sik li{ width:19%; height:225px; float:left; margin-left:1%; position:relative; background:#f5f5f5; overflow:hidden;} .sik1{ position:relative; z-index:3;} .sibg{ position:absolute; width:100%; height:100%; top:100%; left:0; background:#e60012; } .sik li:hover .sibg{ top:0;} .sik li b{ display:block; width:98px; height:32px; position: absolute; bottom:32px; right:32px; background: center center no-repeat; z-index:6;} .si-injs{ display:block; font-size:14px; line-height:26px; color:#5a5a5a;} .si-injs:visited{color:#5a5a5a;} .sik li:hover .si-injs{ color:#fff;} .simk{ margin:0 auto; width:100%; height:130px; position:relative;} .simk a{ display:block; position:absolute; width:100%; height:100%;} .sim1{ background:url(/uploads/image/eiimages/si1.png) center center no-repeat;} .sik li:hover .sim1{ background:url(/uploads/image/eiimages/si12.png) center center no-repeat;} .sim2{ background:url(/uploads/image/eiimages/si2.png) center center no-repeat;} .sik li:hover .sim2{ background:url(/uploads/image/eiimages/si22.png) center center no-repeat;} .sim3{ background:url(/uploads/image/eiimages/si3.png) center center no-repeat;} .sik li:hover .sim3{ background:url(/uploads/image/eiimages/si32.png) center center no-repeat;} .sim4{ background:url(/uploads/image/eiimages/si4.png) center center no-repeat;} .sik li:hover .sim4{ background:url(/uploads/image/eiimages/si42.png) center center no-repeat;} .sim5{ background:url(/uploads/image/eiimages/si5.png) center center no-repeat;} .sik li:hover .sim5{ background:url(/uploads/image/eiimages/si52.png) center center no-repeat;} .sik li:hover .simk a{ transform: rotatey(360deg); -ms-transform: rotatey(360deg); /* ie 9 */ -webkit-transform: rotatey(360deg); /* safari and chrome */ -o-transform: rotatey(360deg); /* opera */ -moz-transform: rotatey(360deg); } .simkm{ display:block; height:50px;text-align:center; background:url(/uploads/image/eiimages/line.jpg) top center no-repeat;margin-top:-10px; position:relative; z-index:3; font-size:18px; line-height:54px; color:#000;} .sik li:hover .simkm{ background:url(/uploads/image/eiimages/line1.jpg) top center no-repeat; color:#fff;} .sik li, .si-injs, .simk a, .simkm, .simk, .sibg{ transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; } .section4{font-size: 0;} .sec4_left,.sec4_right{display: inline-block;width:65%;vertical-align: top;height: 100%;position: relative;} .sec4_right img{width: 100%;height: 100%;} .sec4_left{background: #f5f5f5;} .sec4_right{overflow: hidden;width:35%;} .cust_title { margin-bottom:30px;} .cust_title h3{ color:#231815; font-size:42px; font-weight:bold;} .cust_title h4{ color:#231815; font-size:26px; font-weight:bold;} .sec4_left1{position: absolute;width: 100%;top:50%;transform: translatey(-50%);box-sizing: border-box;padding:0 15%;} .sec4_left1 li{width:32%; margin-right:2%; margin-bottom:3%;float: left; box-sizing:border-box;} .sec4_left1 li a{position: relative;display: block;} .sec4_left1 li .pic{height: 0;padding-top:50%;position: relative;overflow: hidden;} .sec4_left1 li .pic img{position: absolute;left:0;top:0;width: 100%;height: 100%;} .sec4_left1 li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);transform-origin: 50% 50%;} .sec4_left1 li .txt{opacity:0;position: absolute;left:0;top:0;width: 100%;height:100%;background:rgba(204, 11, 27, 0.6);color: #fff;} .sec4_left1 li .txt span{display: block;width:100%;height:100%;position: absolute;left:50%;top:50%;transform: translatex(-20%) translatey(-5%);-webkit-transform: translatex(-12%) translatey(-5%);font-size: 24px;font-weight: normal;line-height:100%;} .sec4_left1 li:hover .txt{ opacity:1;} .sec4_left1 li:hover .pic img,.sec4_left1 li .txt { transition: 0.5s; -o-transition:0.5s; -ms-transition:0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; } .sec4_left1 li:nth-child(3n){ margin-right:0px;} .sec4_left1 .gengduo{margin:0;margin-top: 44px;border-color:#dde0ed;color: #dde0ed;} .sec4_left1 .gengduo:hover{background: white;color: #2e4ba3;} .section5{background:#cc0b1b;} .sec5_list1{width:90%;margin:0 auto;position: relative;} .new_title { margin-bottom:30px;} .new_title h3{ color:#fff; font-size:42px; font-weight:bold;} .new_title h4{ color:#231815; font-size:26px; font-weight:bold;} .sec5_left{ width:49%; float:left; border-bottom:1px solid #fff;} .sec5_left img {max-width:100%;} .sec5_left h3{ color:#ffffff; font-size:20px; line-height:40px; margin-top:45px;} .sec5_left p{color:#ffffff; font-size:14px;line-height:26px; margin-bottom:35px;} .sec5_right{ width:49%; float:right;} /*时间日æœÿ*/ .events_box {width:100%; height:auto; overflow:hidden; float:left;margin-bottom:30px;} .events_box li{padding:4% 20px; border:1px solid #fff; width:100%; box-sizing:border-box; margin-bottom:35px;} .events_box li .date{ margin-right:15px;float:left; text-align:center} .events_box li .date .ri{line-height:45px; font-size:18px; color:#fff;} .events_box li .date .nianyue{line-height:35px;} .events_box li .info{margin:5px 0px;} .events_box li .info .title{line-height:35px;} .events_box li .info .title a{ color:#fff; font-size:18px;} .events_box li .info .title a:hover{color:#4ca41c} .events_box li .info p{line-height:20px; font-size:12px; color:#fff;} #fp-nav ul li a span, .fp-slidesnav ul li a span{width: 2px;height: 2px;background: #a2a2a2; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;} #fp-nav ul li:hover a span, .fp-slidesnav ul li:hover a span, #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{width: 15px;height: 15px;background: transparent;border: 2px solid #b0b0b0;margin-left: -9px;margin-top: -5px;} #fp-nav ul li a span:before{display: none;} #fp-nav ul li a span:after{background: #f2f2f2;height: 13px;} #fp-nav ul li, .fp-slidesnav ul li{margin: 14px 0;} #fp-nav.active1{display: none;} #fp-nav.active2 ul li a span{background: #fff;} #fp-nav.active2 ul li:hover a span, #fp-nav.active2 ul li a.active span, #fp-nav.active2 ul li:hover a.active span{border-color: #fff;background: transparent;} .section8{background:#231815 url(/uploads/image/eiimages/nlnsd_02.png) right 10% top 15% no-repeat;} .sec8_list1{position: absolute;width: 100%;height:60%;bottom:0;background: white;} .sec8_list2{width: 80%;margin:0 auto;padding: 120px 0;box-sizing: border-box;} .sec8_left{width:38%;display: inline-block;vertical-align: top;} .sec8_right{display: inline-block;vertical-align: top;width: 56%;float: right;} .sec8_left1 span{border-radius:50%;display: inline-block;vertical-align: middle;width: 50px;height: 50px;text-align: center;line-height: 50px;background: #e60012;color: white;font-size: 30px;} .sec8_left1 p{display: inline-block;vertical-align: middle;margin-left: 15px;font-size: 14px;color: #515151;font-weight: bold;} .sec8_left2 {margin: 15px 0 20px;} .sec8_left2 aside{display: inline-block;vertical-align: middle;font-size: 12px;color: black;line-height: 25px;margin-left: 35px;} .sec8_left3{border-top: 1px solid lightgray;padding-top:35px;font-size: 12px;line-height: 25px;color: gray;} .sec8_right input{font-size:15px;display: inline-block;vertical-align: top;height: 60px;color: black;outline: none;border: none;border-bottom: 1px solid lightgray;width:31%;margin-left: 2%;} .sec8_right input:first-child{margin-left: 0;} .sec8_right textarea{color:#777;margin-top:19px;outline: none;display: block;width: 100%;border: none;font-size: 15px;height: 155px;resize: none;border-bottom: 1px solid lightgray;} .sec8_right input[type=submit]{margin-top:35px;width: 110px;height: 37px;text-align: center;cursor: pointer;margin-left: 0;font-size: 15px;background: #e60012;color: white;} .sec2_list1 p,.sec2_list1 span,.sec2_list1 h2,.section2 .swiper-slide a:after,.sec4_left1 ul li span i,.sec4_left1 ul li span,.sec4_left1 ul li p, .sec6_list4 font,.sec6_list3>img,.sec6_list4 i,.sec6_list2 p,.sec6_list2 h3,.sec6_list2 h3 span,.se6_xxk,.section2 .swiper-slide,.sec3_right h3:before{ transition: all .5s cubic-bezier(.35,.75,.55,1); -webkit-transition: all .5s cubic-bezier(.35,.75,.55,1); -moz-transition: all .5s cubic-bezier(.35,.75,.55,1); } .section2 .swiper-slide:nth-child(1),.sec8_right input:nth-child(1){ transition: all 1s cubic-bezier(.35,.75,.55,1) 0.5s; -webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) 0.5s; -moz-transition: all 1s cubic-bezier(.35,.75,.55,1) 0.5s; } .section2 .swiper-slide:nth-child(2),.sec3_left img,.sec8_right input:nth-child(2){ transition: all 1s cubic-bezier(.35,.75,.55,1) 1s; -webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) 1s; -moz-transition: all 1s cubic-bezier(.35,.75,.55,1) 1s; } .section2 .swiper-slide:nth-child(3),.sec8_right input:nth-child(3){ transition: all 1s cubic-bezier(.35,.75,.55,1) 1.5s; -webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) 1.5s; -moz-transition: all 1s cubic-bezier(.35,.75,.55,1) 1.5s; } .section2 .swiper-slide:nth-child(4){ transition: all 1s cubic-bezier(.35,.75,.55,1) 2s; -webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) 2s; -moz-transition: all 1s cubic-bezier(.35,.75,.55,1) 2s; } .sec3_right li:nth-child(1) span,.sec4_left1 ul li:nth-child(1),.sec4_left1 ol li h3{ transition: all 1s cubic-bezier(.35,.75,.55,1) 0.5s; -webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) 0.5s; -moz-transition: all 1s cubic-bezier(.35,.75,.55,1) 0.5s; } .sec3_right li:nth-child(1) aside,.sec4_left1 ul li:nth-child(2),.sec4_left1 ol li p{ transition: all 1s cubic-bezier(.35,.75,.55,1) 0.8s; -webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) 0.8s; -moz-transition: all 1s cubic-bezier(.35,.75,.55,1) 0.8s; } .sec3_right li:nth-child(2) span,.sec4_left1 ul li:nth-child(3),.section4 .sec3_mor,.sec8_left1{ transition: all 1s cubic-bezier(.35,.75,.55,1) 1s; -webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) 1s; -moz-transition: all 1s cubic-bezier(.35,.75,.55,1) 1s; } .sec3_right li:nth-child(2) aside,.sec4_left1 ul li:nth-child(4),.sec8_left2{ transition: all 1s cubic-bezier(.35,.75,.55,1) 1.3s; -webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) 1.3s; -moz-transition: all 1s cubic-bezier(.35,.75,.55,1) 1.3s; } .sec3_right li:nth-child(3) span,.sec8_left3,.sec4_left1 ul li:nth-child(5){ transition: all 1s cubic-bezier(.35,.75,.55,1) 1.5s; -webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) 1.5s; -moz-transition: all 1s cubic-bezier(.35,.75,.55,1) 1.5s; } .sec3_right li:nth-child(3) aside,.section3 .sec3_mor,.sec4_left1 ul li:nth-child(6),.sec8_right textarea{ transition: all 1s cubic-bezier(.35,.75,.55,1) 1.8s; -webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) 1.8s; -moz-transition: all 1s cubic-bezier(.35,.75,.55,1) 1.8s; } .sec8_right input[type=submit]{ transition: all 1s cubic-bezier(.35,.75,.55,1) 2.2s; -webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) 2.2s; -moz-transition: all 1s cubic-bezier(.35,.75,.55,1) 2.2s; } .sec4_left1 ul li:nth-child(7){ transition: all 1s cubic-bezier(.35,.75,.55,1) 2.1s; -webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) 2.1s; -moz-transition: all 1s cubic-bezier(.35,.75,.55,1) 2.1s; } .sec4_left1 ul li:nth-child(8){ transition: all 1s cubic-bezier(.35,.75,.55,1) 2.4s; -webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) 2.4s; -moz-transition: all 1s cubic-bezier(.35,.75,.55,1) 2.4s; } .sec4_left1 ul li:nth-child(9){ transition: all 1s cubic-bezier(.35,.75,.55,1) 2.7s; -webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) 2.7s; -moz-transition: all 1s cubic-bezier(.35,.75,.55,1) 2.7s; } .section2 .swiper-slide,.sec6_list1 .swiper-slide{transform:translatey(200px);opacity: 0;} .section2.active .swiper-slide,.section6.active .sec6_list1 .swiper-slide{transform:translatey(0px);opacity: 1;} .sec3_left img{transform: translatex(-200px);opacity: 0;} .sec3_right li span,.sec3_right li aside,.sec4_left1 ul li,.sec7_list1,.sec8_left1,.sec8_left2,.sec8_left3{transform: translatex(100px);opacity: 0;} .section3.active .sec3_right li span,.section3.active .sec3_right li aside,.section3.active .sec3_left img,.section4.active .sec4_left1 ul li{transform: translatex(0px);opacity: 1;} .section3 .sec3_mor{transform: translatey(250px);opacity: 0;} .sec4_left1 ol li h3,.sec4_left1 ol li p,.section4 .sec3_mor,.section6 .sec3_mor,.sec8_right input,.sec8_right textarea,.sec8_right input[type=submit]{transform: translatey(50px);opacity: 0;} .section3.active .sec3_mor,.section4.active .sec4_left1 ol li h3,.section4.active .sec4_left1 ol li p,.section4.active .sec3_mor, .section6.active .sec3_mor,.section7.active .sec7_list1,.section8.active .sec8_left1,.section8.active .sec8_left2,.section8.active .sec8_left3, .section8.active .sec8_right input,.section8.active .sec8_right textarea,.section8.active .sec8_right input[type=submit]{transform: translatey(0px);opacity:1;} .section4.active .sec4_right img{animation: run2 25s linear infinite;} .sec8_right input{margin-left: 0;margin-right: 1.5%;} .sec8_right input[type=submit]{transition: 0.3s ease-in-out;} .sec8_right input[type=submit]:hover{background: #2e4ba3;} .xiugai_index{position: absolute;z-index: 2;top: 43%;transform: translatey(-50%);width: 100%;} .xiugai_index img{max-width: 100%;width: auto !important;display: block;margin:0 auto;transition: 0.8s ease-in-out 0.5s;} .xiugai_index img:nth-child(1){transform: translatex(150px);opacity: 0;} .xiugai_index img:nth-child(2){margin-top: 20px;transform: translatex(-150px);opacity: 0;} .section1 .swiper-slide-active .xiugai_index img{transform: translatex(0);opacity: 1;} @media only screen and (max-width:1660px ){ .sec8_left2 {margin: 25px 0 47px;} .sec8_list2{padding: 80px 0;width:90%} .sec4_left1 ol li h3{margin-bottom: 5px;} } @media only screen and (max-width:1440px ) { .sec8_list2{padding: 86px 0;} } @media only screen and (max-width:1200px ) { #slj .swiper-wrapper{transform: translate3d(0px, 0px, 0px) !important;} .section1 .swiper-slide a>img:nth-of-type(2){width: 100%;display: block;} .section1 .swiper-slide a>img:nth-of-type(1){width: 100%;display: none;} }