@keyframes run1{ 0%{transform: translateY(-3px);} 50%{transform: translateY(3px);} 100%{transform: translateY(-3px);} } .index_divBox{width: 92%;margin: 0 auto;} .index_title h1{font-size: 30px;color: #282828;} .index_title span{font-size: 18px;color: #e5e5e5;display: block;margin-top: 3px;} .sec2_swiper{margin-top: 40px;position: relative;} .section2{background: #f5f5f5;} .section2 .index_title{border-bottom:1px solid #ddd;} .about_box{ margin-top:30px; position:relative;padding-bottom:30px;} .about_box .about_cont{float:left;background:#fff; width:45%; line-height:28px; text-indent:15px; z-index:5; padding:50px; position:relative;transform: translateX(-700px);} .about_box .about_cont .about-name{line-height:45px;height:45px; font-size:25px;font-weight:bold;} .about_box .about_cont .about-name h1{display:inline;font-size:25px;font-weight:bold;} .about_box .about_cont .about-wh{line-height:40px;height:40px; font-size:18px;font-weight:bold;} .about_box .about_cont .about-jj{min-height:180px;max-height:280px;overflow:hidden;} .about_box .about_cont .about-more{width:100px;height:40px; line-height:40px;text-align:center;border:1px solid #ddd; margin-top:15px;margin-left:15px;} .about_box .about_cont .about-more:hover{background:#46ab34;color:#fff;} .about_box .about_img{float:left;width:35%; margin-left:-50px;margin-top:80px;transform:translateY(-300px);} .about_box .about_img img{width:100%;max-height:400px;} .about_box .about_youshi{width:20%; position:absolute;right:0;bottom:-20px; z-index:5;transform:translateX(300px);} .about_box .about_youshi li{background:#fff;padding:20px 50px;margin-bottom:5px;text-align:center; line-height:25px;} .about_box .about_youshi li .hsdz{color:#46ab34;font-size:20px;font-weight:bold; height:30px;line-height:30px;} .section2 .about_cont{transition: 1s ease-in-out .2s;} .section2 .about_img{transition: 1s ease-in-out .3s;} .section2 .about_youshi{transition: 1s ease-in-out .4s;} .section2.active .about_cont{transform: translateX(0px);} .section2.active .about_img{transform: translateY(0px);} .section2.active .about_youshi{transform: translateX(0px);} .section3 .index_title{border-bottom: 1px solid lightgray;} .sec3_u1{text-align: right;padding-bottom: 15px;border-bottom: 1px solid lightgray;} .sec3_u1 li{display: inline-block;vertical-align:top;font-size: 16px;color: gray;cursor: pointer;} .sec3_u1 li:after{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 14px;background:lightgray;margin: 0 15px;} .sec3_u1 li:last-child:after{display: none;} .sec3_u1 li:hover,.sec3_u1 li.active{color: #46ab34;font-weight: bold;} .sec3_u2_div1{text-align: center;padding:50px 0 30px;position: relative;} .sec3_u2_div1:after{content: '';display: block;width: 100%;top: 0;height: 100%;background: red;position:absolute; background:url(../images/jia_03.png) no-repeat center center rgba(69,171,51,.8);transform: scaleY(0);transition: 0.4s ease-in-out;} .sec3_u2 .swiper-slide a:hover .sec3_u2_div1:after{transform: scaleY(1);} .sec3_u2 .swiper-slide a:hover p{color: white;} .sec3_u2 .swiper-slide a span{display: block;overflow: hidden;} .sec3_u2 .swiper-slide a span img{transition: 0.4s ease-in-out;max-height:330px;max-width:100%;} .sec3_u2 .swiper-slide a:hover span img{transform: scale(1.05);} .sec3_u2_div1 p{position: relative;z-index: 2;} .sec3_u2_div1 p{margin-top: 40px;font-size: 16px;color: #535353;transition: 0.4s ease-in-out;} .sec2_swiper .sec3_u2_li1_slid{bottom: -80px;} .sec3_u2 .swiper-container{padding-bottom: 60px;} .sec3_u2 .swiper-button-next,.sec3_u2 .swiper-button-prev,.sec2_swiper .swiper-button-next,.sec2_swiper .swiper-button-prev{position:static;display: inline-block;vertical-align: top;width: 36px;height: 36px;text-align: center; background: none;line-height: 36px;background: #45ab33;color: white;font-size: 18px;transition: 0.3s ease-out;position: relative;} .sec3_u2_li1_slid{position: absolute;bottom:0px;text-align: center;width: 100%;} .sec3_u2 .swiper-button-next{margin-left: 20px;} .sec3_u2 .swiper-button-next:hover,.sec3_u2 .swiper-button-prev:hover,.sec2_swiper .swiper-button-next:hover,.sec2_swiper .swiper-button-prev:hover{background: #45ab33;color: white;} .sec3_u2 .pro_box{position: absolute;width: 100%;top: 0;left: 0;opacity: 1;transition: 1s ease-in-out .3s} .sec3_u2 .pro_box.active{opacity: 1;} .sec3_u2{position: relative;height: 470px;} .sec3_u2{transform: translateY(250px);transition:1s ease-in-out .5s;opacity: 0;} .section3.active .sec3_u2{transform: translateY(0px);opacity: 1;} .section2 .sec3_u2_li1_slid{display: none;} .sec5_swiper .swiper-slide:nth-child(2) a{transition: 1s ease-in-out 0.3s;} .sec5_swiper .swiper-slide:nth-child(3) a{transition: 1s ease-in-out 0.4s;} .sec5_swiper .swiper-slide:nth-child(4) a{transition: 1s ease-in-out 0.5s;} .sec5_swiper a{display: block;transform: translateY(300px);opacity: 0;} .section5.active .sec5_swiper .swiper-slide a{transform: translateY(0px);opacity: 1;} .section5{background: #f5f5f5;} .sec5_swiper{position: relative;} .sec5_swiper:after{display: block;width: 2500px;height: 1px;background: lightgray;position: absolute;top: 50px;left: -500px;z-index: 3; content: '';} .sec5_swiper a{display: block;} .sec5_swiper a font{font-size: 14px;color: #818181;display: block;transition: 0.4s ease-in-out;} .sec5_swiper a font time{display: inline-block;font-size: 22px;color: #818181;margin-right: 5px;transition: 0.4s ease-in-out;} .sec5_swiper a h1{font-size: 14px;color: #353535;font-weight: bold;margin: 45px 0 10px;transition: 0.4s ease-in-out;height: 38px;} .sec5_swiper a span{display: block;overflow: hidden;margin-top: 15px;} .sec5_swiper a span img{width: 100%;transition: 0.4s ease-in-out; max-height:320px;} .sec5_swiper a p{font-size: 14px;line-height: 20px;color: #818181;min-height: 60px;} .sec5_swiper a:hover font time,.sec5_swiper a:hover h1{color: #45ab33;} .sec5_swiper a i{display: block;width: 35px;height: 35px;text-align: center;line-height: 35px;background: #45ab33;font-size: 20px;color: white; margin-top: 35px;transform: translateY(100px);opacity: 0;transition: 0.4s ease-in-out;} .sec5_swiper a:hover i{transform: translateY(0);opacity: 1;} .sec5_swiper a:hover span img{transform:scale(1.05);} .sec5_swiper .sec3_u2_li1_slid,.sec6_swiper .sec3_u2_li1_slid{position: absolute;bottom:-80px;text-align: center;width: 100%;} .sec5_swiper .swiper-button-next{margin-left: 20px;} .sec5_swiper .swiper-button-next:hover,.sec5_swiper .swiper-button-prev:hover,.sec6_swiper .swiper-button-next:hover,.sec6_swiper .swiper-button-prev:hover{background: #45ab33;color: white;} .sec5_swiper .swiper-button-next,.sec5_swiper .swiper-button-prev,.sec6_swiper .swiper-button-next,.sec6_swiper .swiper-button-prev{position:static;display: inline-block;vertical-align: top;width: 36px;height: 36px;text-align: center; background: #45ab33;color: white;line-height: 36px; font-size: 18px;transition: 0.3s ease-out;position: relative;} .sec6_swiper .swiper-container a{transform: translateY(200px);opacity: 0;} .sec6_swiper .swiper-slide:nth-child(1) a{transition: 1s ease-in-out .2s;} .sec6_swiper .swiper-slide:nth-child(2) a{transition: 1s ease-in-out .3s;} .sec6_swiper .swiper-slide:nth-child(3) a{transition: 1s ease-in-out .4s;} .sec6_swiper .swiper-slide:nth-child(4) a{transition: 1s ease-in-out .5s;} .sec6_swiper .swiper-slide:nth-child(5) a{transition: 1s ease-in-out .6s;} .sec6_swiper .swiper-slide:nth-child(6) a{transition: 1s ease-in-out .7s;} .sec6_swiper .swiper-slide:nth-child(7) a{transition: 1s ease-in-out .8s;} .sec6_swiper .swiper-slide:nth-child(8) a{transition: 1s ease-in-out .9s;} .sec6_swiper .swiper-slide:nth-child(9) a{transition: 1s ease-in-out 1s;} .sec6_swiper .swiper-slide:nth-child(10) a{transition: 1s ease-in-out 1.1s;} .sec6_swiper .swiper-slide:nth-child(11) a{transition: 1s ease-in-out 1.2s;} .sec6_swiper .swiper-slide:nth-child(12) a{transition: 1s ease-in-out 1.3s;} .sec6_swiper .swiper-slide:nth-child(13) a{transition: 1s ease-in-out 1.4s;} .sec6_swiper .swiper-slide:nth-child(14) a{transition: 1s ease-in-out 1.5s;} .sec6_swiper .swiper-slide:nth-child(15) a{transition: 1s ease-in-out 1.6s;} .section6.active .swiper-container a{transform: translateY(0px);opacity: 1;} .sec6_swiper{position: relative; margin-top:30px;border-top:1px solid #ddd;border-left:1px solid #ddd;} .sec6_swiper .swiper-container a img{max-width: 100%;height:250px;} .sec6_swiper .swiper-container a{text-align: center;box-sizing: border-box;position: relative;display: block; padding:10px; border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .sec6_swiper .swiper-container a span{display: inline-block;position: relative; height:30px; line-height:30px; } .sec6_swiper .swiper-container a img{ margin: 0 auto;display:block;} .sec6_swiper .swiper-container a{position: relative;} .sec6_swiper .swiper-container a:after{content: '';display: block;width: 100%;top: 0;height: 100%;background: red;position:absolute; background:url(../images/jia_03.png) no-repeat center center rgba(69,171,51,.8);transform: scaleY(0);transition: 0.4s ease-in-out;} .sec6_swiper .swiper-container .swiper-slide:hover a:after{transform: scaleY(1);} .section7,.section7 .fp-tableCell{height: auto !important;display: block;} .sec4_list span img:nth-child(1){display: none;} .sec4_list i{display:none;} .sec4_swiper .icon-left:before,.sec4_swiper .icon-you:before{display: none;} @media only screen and (max-width:1800px){ .sec2_swiper a{padding: 40px 25px;} } @media only screen and (max-width:1660px){ .sec2_aside{min-height: 190px;} } @media only screen and (max-width:1440px) { .sec2_swiper a{padding: 30px 15px;padding-left: 30px;} .sec3_u2_div1 p{margin-top: 20px;} .sec3_u2_div1{padding-top: 30px;} .sec3_u2{height: 400px;} .sec3_u2 .swiper-container{padding-bottom: 50px;} .sec4_list1 h1{font-size: 16px;} .sec6_swiper .swiper-container a:after{right: 0;top: 30px;} .sec6_swiper .swiper-container a{padding: 30px 0;} .sec6_swiper:after{top: 150px;} .sec2_aside{min-height: 210px;} .sec2_aside h1{font-size: 15px;} } @media only screen and (max-width:1200px) { .sec4_swiper .swiper-button-next,.sec4_swiper .swiper-button-prev{display: block;} .sec4_list span img{width: auto;} .sec4_list span img:nth-child(1){display: block;} .sec4_list span img:nth-child(2){display: none;} }