/*.indexbody .main{margin-top: 80px;}*/ .banner{position: relative;overflow: hidden;} .banner video { position: absolute; width: 100%;height: 100%; left: 0px; top: 0; object-fit: cover; } .banner li{overflow: hidden;} .banner_text{z-index: 3;width: 100%;position: absolute;left: 0;top:0%;height: 100%;} .banner_text .h4{color: #fff;} .banner_text h3{line-height: 60px;position: relative;margin-bottom: 50px;font-weight: bold;color: #fff;overflow: hidden;} .banner_text h5{ color: #fff;} .banner_text .wrap{position: relative;height: 100%;} .banner_p{width: 100%;color: #1c1f1d;text-align: left;} .banner_p p{margin-top: 10px;text-transform: uppercase;} .ban_video .video_button{display: none;color: #fff;font-size: 40px;} .banner .swiper-pagination{bottom: 40px;text-align: center;height: 2px;left: auto;right: 0;width: 100%;} /* .banner .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;margin: 0 5px;opacity: 1;vertical-align: middle;} */ /* .banner .swiper-pagination .swiper-pagination-bullet-active{width: 12px;height: 12px;border: 2px solid #fff;border-radius: 100%;background: none;} */ .banner .swiper-slide-active img { animation: zoom 3s; } .banner_p-div{ visibility: hidden;opacity: 0; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s; -webkit-transform: translatey(20px); -moz-transform: translatey(20px);-o-transform: translatey(20px);-ms-transform: translatey(20px);transform: translatey(20px); } .banner li.ani-slide .banner_p-div{ visibility: visible;opacity: 1; -webkit-transform: translatey(0px); -moz-transform: translatey(0px);-o-transform: translatey(0px);-ms-transform: translatey(0px);transform: translatey(0px); } .banner_text .p_more a{color: #000;background: #fff;} .banner_text .p_more a:hover{color: #000 !important} .banner .swiper-pagination-bullet{opacity: 1;width: 106px;border-radius: 0;height: 5px;background: none;position: relative;margin: 0 10px;} .banner .swiper-pagination-bullet:before{display: block;width: 100%;height: 2px;background: rgba(0,0,0,.1);content: "";bottom: 0;position: absolute;} .progressbar-wrap.swiper-pagination-bullet-active { opacity: 1; position: relative; /*background: #ebd9d2;*/ } .banner .swiper-pagination-bullet-active:before{ background: rgba(0,0,0,.8); } /* .progressbar-wrap.swiper-pagination-bullet-active .progressbar { display: block; } .progressbar-wrap .progressbar { display: none; background: #4a4a4a; position: absolute; left: 0; bottom: 0; width: 0%; height: 2px; } */ .banner .swiper-container li.left .banner_text .banner_p-div{text-align: left;} .banner_page .swiper-pagination{position: static;display: inline-block;} .banner_page em{font-size: 20px;display: inline-block;vertical-align: middle;margin-left: 5px;margin-top: 4px;cursor: pointer;} .lhl_but{position: absolute;bottom: 40px;left: 0;z-index: 3;width: 100%;padding-left: 11%;box-sizing: border-box;} .lhl_but div.swiper-button-prev,.lhl_but div.swiper-button-next{position: static;float: left;background:none;transition: all .3s;text-align: center;} .lhl_but div img{margin-top: 13px;} .lhl_but:before{content: "";display: block;width: 10.5%;height: 2px;background: rgba(255,255,255,.5);left: 0;position: absolute;} .lhl_but:after{content: "";display: block;width: calc(100% - 10.5% - 73px);height: 2px;background: rgba(255,255,255,.5);right: 0;left: auto;position: absolute;} .banner_p-div{text-align: center;} .go_bot{z-index: 3;bottom: 38px;top: auto;animation: blink 1s linear infinite alternate;} @keyframes blink { 0% { bottom: 58px; } 100% { bottom: 38px; } } @keyframes zoom { 0% { transform: scale3d(1.2, 1.2, 1.2); } 100% { transform: scale3d(1, 1, 1); } } .blank_15{background: rgba(0,0,0,.25);position: absolute;left: 0;top: 0;width: 100%;height: 100%;} /*视频弹窗*/ .video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .video_appbox.show{visibility: visible;opacity:1;} .video_appbox video{object-fit: cover; width: 100%;} .video_appbox .video_t{ z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s; visibility: hidden;opacity: 0; } .video_appbox.show .video_t{ visibility: visible;opacity:1; top:50%; } .video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .video_appbox .mask{filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr="#88000000", endcolorstr="#88000000");} .vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;} .vide0_close i{color: #fff;font-size:20px;font-weight: bold;} /*视频弹窗*/ @media only screen and (min-width:1025px) { .lhl_but div.swiper-button-prev:hover,.lhl_but div.swiper-button-next:hover{opacity: .5;} } @media only screen and (max-width:1560px) { .lhl_but{padding-left: 5%;} .lhl_but:before{width: 4.4%;} .lhl_but:after,.banner .swiper-pagination{} } @media only screen and (max-width:1360px) { .lhl_but:after,.banner .swiper-pagination{} } @media only screen and (max-width:1024px) { .banner .swiper-pagination{bottom: 63px;} .banner_text h3{margin-bottom: 20px;line-height: 45px;height: 90px;} } @media only screen and (max-width:767px) { .ban_video .video_button{display: block;} .banner li{height: 340px!important;} .banner li>img{display: none;} /*.banner .swiper-pagination{bottom: 15px;}*/ /*.banner .swiper-pagination .swiper-pagination-bullet-active{width: 15px;height: 15px;border-radius: 15px;}*/ .banner_text h3{margin-bottom: 20px;line-height: 35px;height: 70px;} .video_appbox .video_t{height: auto;background: none;} .video_appbox video{height: auto;} .banner .swiper-pagination{bottom: 53px;} .banner .swiper-pagination-bullet{width: 80px;height: 30px;} } @media only screen and (max-width:1024px) { .banner li { height: 400px!important; } .lhl_but{bottom: 30px;} .banner_p:after{display: none;} .banner li img{display: none;} } @media only screen and (max-width:767px) { .banner li { height:280px!important; } .lhl_but{bottom: 10px;} } .index_link a{display: inline-block;padding: 0 30px;height: 28px;line-height: 28px;background: #fff;color: #000;border-radius: 30px;} .index_link a i{margin-left: 3px;} .banner .index_link a{background: #fff;color: #000000;cursor: pointer;} @keyframes shine { 0% { background-position-x:400%; } 50% { background-position-x:0%; } 100% { background-position-x:-400%; } } @media only screen and (min-width:1025px) { .index_link a:hover{opacity: .8;color: #fff!important;} .indexnew_r li a:hover{font-weight: bold;color: #000!important;} .index_link a:hover { background: none; background: linear-gradient(-45deg, #32973f 40%, #47c757 50%, #32973f 70%); background-size: 700% 100%; animation: shine 15s linear infinite; } .banner .index_link a:hover{background: #32973f!important;opacity: 1;color: #fff;} } @media only screen and (max-width:1024px) { @keyframes blink { 0% { bottom: 28px; } 100% { bottom: 18px; } } } @media only screen and (max-width:767px) { .banner_p-div{width: 100%;} } .index_01{padding: 6% 0;box-sizing: border-box;} .index_01 .index_link{margin: 0 auto;border: 1px solid #edebef;width: 116px;border-radius: 30px;} .index_01 .index_link a{padding: 0 19px;display: block;} .index_01 .index_link:hover{border-color: #32973f;} .index_01-con{padding: 0 4%;box-sizing: border-box;overflow: hidden;} .index_01-con .p_more{text-align: center;} .index-tit{text-align: center;} .index-tit h2{margin-bottom: 10px;} .index-tit p{color: #84888d;} .dot_con{margin: 5% 0;height: 382px;position: relative;} .dot_con li{position: absolute;text-align: center;} .dot_con li a{display: block;position: relative;z-index: 3;color: #fff!important;cursor: inherit;} .dot_con li span{display: none;font-size: 14px;} .dot_con li p em{font-size: 35px;vertical-align: top;display: inline-block;line-height: initial;margin-top: -15px;} .li01{width: 170px;height: 170px;border-radius: 100%;left: 23.4%;top: 34%;} .li01 p{margin-top: 55px;transition: all .3s;line-height: 60px;} .li01:before{content: "";position: absolute;display: block;background: #00caa5;width: 100%;height: 100%;border-radius: 100%;transition: all .3s;} .li02{width: 140px;height: 140px;border-radius: 100%;left: 37%;top: 35px;} .li02 p{margin-top: 35px;transition: all .3s;line-height: 60px;} .li02:before{content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;transition: all .3s; background: linear-gradient(to right,#00caa5 0%, #00b9c3 100%); } .li03{width: 200px;height: 200px;border-radius: 100%;left: 58%;bottom: 30px;} .li03 p{margin-top: 55px;transition: all .3s;line-height: 60px;} .li03:before{content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;transition: all .3s; background: linear-gradient(to right,#00b5c9 0%, #00a1eb 100%); } .li04{width: 142px;height: 142px;border-radius: 100%;left: 71%;top: 0;} .li04 p{margin-top: 35px;transition: all .3s;line-height: 60px;} .li04:before{content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;transition: all .3s; background: #0096ff; } .li05{width: 25px;height: 25px;border-radius: 100%;left: 11%;top: 46%;} .li05:before{content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;transition: all .3s; background: #00e71f; } .li06{width: 45px;height: 45px;border-radius: 100%;left: 18%;top: 50px;} .li06:before{content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;transition: all .3s; background: #00caa5; } .li07{width: 18px;height: 18px;border-radius: 100%;left: 31%;top: 50px;} .li07:before{content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;transition: all .3s; background: #00c7ab; } .li08{width: 80px;height: 80px;border-radius: 100%;left: 40%;bottom: 30px;} .li08:before{content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;transition: all .3s; background: linear-gradient(to right,#00c9a6 0%, #00c5ae 100%); } .li09{width: 30px;height: 30px;border-radius: 100%;left: 47%;top: 59.4%;} .li09:before{content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;transition: all .3s; background: linear-gradient(to right,#00c1b5 0%, #00bfb8 100%); } .li10{width: 14px;height: 14px;border-radius: 100%;left: 55.9%;bottom: 0;} .li10:before{content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;transition: all .3s; background: #00e71f; } .li11{width: 26px;height: 26px;border-radius: 100%;left: 64%;top: 28%;} .li11:before{content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;transition: all .3s; background: #00e71f; } .li12{width: 45px;height: 45px;border-radius: 100%;left: 77%;top: 52.6%;} .li12:before{content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;transition: all .3s; background: #009bf7; } .li13{width: 45px;height: 45px;border-radius: 100%;left: 85%;top: 31.5%;} .li13:before{content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;transition: all .3s; background: #009bf7; } .li14{width: 14px;height: 14px;border-radius: 100%;left: 92%;top: 53.6%;} .li14:before{content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;transition: all .3s; background: #00e71f; } .li15{width: 79px;height: 79px;border-radius: 100%;left: 52.6%;top: 33.8%;} .li15:before{content: "";position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;transition: all .3s; background: linear-gradient(to right,#00b5c9 0%, #00a1eb 100%); } .dot_con li span{display: block;} .li01 p{margin-top: 45px;} .li02 p{margin-top: 30px;} .li03 p{margin-top: 65px;} @media only screen and (min-width:1025px) { .dot_con li:hover:before{transform: scale(1.12,1.12);} .dot_con li:hover span{display: block;} } .index_02{padding: 8% 0 3%;box-sizing: border-box;overflow: hidden;} .index_02 .index-tit{text-align: left;margin-bottom: 40px;color: #fff;} .index_02-wrap{width: 1570px;max-width: 90%;margin: auto;} .dodiv{background: no-repeat center;background-size: cover;background-size: 100% 100%;} .dodiv dl{position: relative;height: 100%;} .dodiv dl dd{padding: 0 20px;box-sizing: border-box;height: 100%;} .dodiv dl dd .swiper-container{height: 100%;} .dodiv dl dd .swiper-container li{transition: all .3s;} .dodiv dl dd .swiper-container img{width: 100%;height: 100%;} .dodiv dt{width: 46.8%;height: 100%;position: absolute;right: 0;z-index: 3;top: 0;padding-right: 20px;box-sizing: border-box;} .dodiv dt .dtsswiper{background: url(/uploads/image/images/index_06.png) no-repeat right center;background-size: 100% 100%;height: 100.3%;padding-top: 12%;box-sizing: border-box;} .dodiv dt .dtsswiper .swiper-container{height: 70%;overflow: inherit;} .dodiv dt .dtsswiper .swiper-wrapper{display: inherit;} .dodiv dt li{cursor: pointer;float: none;height: 14.28%;} .dodiv dt li em{width: 19px;height: 19px;background: url(/uploads/image/images/index_07.png) no-repeat center;background-size: cover;display: inline-block;vertical-align: middle;margin-top: -4px;} .dodiv dt li p{display: inline-block;margin-left: 15px;color: #8d8d8d;} .dodiv dt li:first-child{margin-left: 19.5%;} .dodiv dt li:nth-child(2){margin-left: 12%;} .dodiv dt li:nth-child(3){margin-left: 6.8%;} .dodiv dt li:nth-child(4){margin-left: 2.9%;} .dodiv dt li:nth-child(5){margin-left: 0.5%;} .dodiv dt li:nth-child(6){margin-left: -0.8%;} .dodiv dt li:nth-child(7){margin-left: -1.1%;} .dodiv dt li.on p{color: #000;font-weight: bold;} .dt_con{position: absolute;right: 80px;bottom: 30px;width: 48%;line-height: 30px;z-index: 4;max-height: 50%;overflow: hidden;} .dt_item{display: none;max-height: 100%;overflow: hidden;} .dt_item.on{display: block;} .dt_item .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{background: #32973f!important;} .index_03{position: relative;display: none;} .index_03 video{display: block;width: 100%;height: 100%;object-fit: cover;} .index_vid{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .index_vid .wrap{position: relative;height: 100%;} .index_vid-tit span{font-size: 12px;line-height: 14px;display: block;margin-bottom: 10px;} .index_vid-tit h2{line-height: 80px;margin-bottom: 50px;} .video_button{color: #000;z-index: 4;font-size: 35px;margin-top: -50px;position: absolute;right: 30px;bottom: 40px;display: none;} .index_04{padding: 6% 0;box-sizing: border-box;overflow: hidden;} .index_04-con{padding: 0 4%;box-sizing: border-box;} .index_04-con .index_newtit > span{display: none;} .index_04-con .p_more{margin-top: 2%;} .index_newtit{margin-bottom: 50px;} .index_newlist ul{overflow: hidden;} .index_newlist li{padding:30px 10px;margin-right: 10px; position: relative;border-bottom: 1px solid #f8f8f9;border-top: 1px solid #f8f8f9;background: #f8f8f9;overflow: hidden;width: 28.9583%;float: left;} .index_newlist li dd h3{margin: 5px 0 15px;overflow: hidden;line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;} .index_newlist li dd h3 p{display: none;} .index_newlist li dt{display: none;float:right;width: 286px;height: 170px;top: 0px;right: 0;padding: 2px 0;box-sizing: border-box;position: relative;} .index_newlist li dt div{height: 100%;position: relative;} .index_newlist li dt img{width: 100%;} .index_newlist li:hover {background: none;border-color: #d6d6d6;} .tips{width: 72px!important;position: absolute;left: 0;bottom: 0;} .index_newlist li dd p i{margin-left: 10px;} .index_newlist .index_link{margin-top: 60px;} .index_newlist .index_link a{background: #000;color: #fff;padding: 0 12px;height: 28px;line-height: 28px;} .index_05 dl{position: relative;overflow: hidden;} .index_05 dl dd{float: left;width: 50%;} .index_05 dl dt{width: 50%;position: absolute;right: 0;top: 0;height: 100%;padding: 4% 15% 4% 5%;box-sizing: border-box; transition: all .3s;background: #32973f;color: #fff;} .index_05-div span{display: block;white-space: nowrap;overflow: hidden;} .index_05-div h3{margin-bottom: 30px;line-height: inherit;white-space: nowrap;overflow: hidden;} .index_05 dl:nth-child(2n) dd{float: right;} .index_05 dl:nth-child(2n) dt{left: 0;right: auto;padding: 4% 5% 4% 15%;background: #f0f4fa;color: #000;} .index_05 dl:nth-child(2n) dt a{background: #000;color: #fff;} /* index06 */ .index_06{overflow: hidden;background-color: #f0f4fa;} .index_06 .left, .index_06 .right{float: left;width: 50%;} .index_06 .right .content{padding: 13.54% 7.9% 0;} .index_06 .right .content .edit{color: #84888d;font-size: 16px;margin-top: 4.1666%;} .index_06 .right .content .h3{ font-weight: bold;} @media only screen and (min-width:1025px) { /*.index_05 dl dt:hover{background: #32973f;color: #fff;}*/ /*.index_05 dl dt:hover a{background: #fff;color: #000!important;}*/ /* .index_newlist .index_link a:hover,.index_05 dl:nth-child(2n) dt a:hover{ color: #fff!important; background: none; background: linear-gradient(-45deg, #32973f 40%, #47c757 50%, #32973f 70%); background-size: 700% 100%; animation: shine 15s linear infinite; } */ .index_05-div a:hover{ opacity: .8; } } @media only screen and (max-width:1440px) { .index_vid-tit h2{line-height: 70px;} .li01 p,.li02 p,.li03 p,.li04 p{line-height: 54px;} } @media only screen and (max-width:1280px) { .dodiv dt li:first-child{margin-left: 18.5%;} .dodiv dt li:nth-child(2){margin-left: 11%;} .dodiv dt li:nth-child(3){margin-left: 5.8%;} .dodiv dt li:nth-child(4){margin-left: 1.9%;} .dodiv dt li:nth-child(5){margin-left: -0.5%;} .dodiv dt li:nth-child(6){margin-left: -1.6%;} .dodiv dt li:nth-child(7){margin-left: -1.6%;} .index_vid-tit h2 { line-height: 48px; } } @media only screen and (max-width:1024px) { .dot_con li span{display: block;} .li01{width: 120px;height: 120px;} .li01 p{margin-top: 30px;line-height: 40px;} .li02{width: 108px;height: 108px;} .li02 p{margin-top: 25px;line-height: 40px;} .li03{width: 120px;height: 120px;} .li03 p{margin-top: 30px;line-height: 40px;} .li04{width: 100px;height: 100px;} .li04 p{margin-top: 20px;transition: all .3s;line-height: 40px;} .index_newlist li dd{padding: 17px 0;} .index_newlist li dt{width: 200px;height: 123px;} .index_04 .index_newlist li{width: 100%; margin-right: 0;padding: 10px;} .index_05 dl dt{padding: 3% 5% 3% 5%;} .index_05 dl:nth-child(2n) dt{padding: 3% 5% 3% 5%;} .index_05-div h3{margin-bottom: 15px;} .dodiv{background: none;} .dodiv dt{position: static;width: 100%;overflow: hidden;} .dodiv dt li{margin-left: 0!important;float: left;width: 33.3%;margin-bottom: 15px;} .dodiv dt .dtsswiper{overflow: hidden;padding-top: 0;} .dt_con{position: static;width: 100%;margin-top: 10px;} .dodiv dl dd{padding: 0;margin-top: 30px;} .index_vid-tit h2{line-height: 34px;} .index_04-con{padding: 0;} .index_newtit{margin-bottom: 30px;} .index_06 .left, .index_06 .right{width: 100%;float: none;} .index_06 .right .content{padding: 7.5%;} } @media only screen and (max-width:767px) { .li01{width: 100px;height: 100px;left: 15.4%;} .li01 p{margin-top: 25px;line-height: 30px;} .li02{width: 90px;height: 90px;} .li02 p{margin-top: 20px;line-height: 30px;} .li03{width: 110px;height: 110px;} .li03 p{margin-top: 30px;line-height: 30px;} .video_button{display: block;} .li04{width: 100px;height: 100px;left: 69%;} .li04 p{margin-top: 25px;line-height: 30px;} .li05{left: 0;} .li06{left: 5%;} .li08{left: 22%;} .li12{left: 73%; top: 43.6%;} .dot_con{height: 350px;} .index_01-con{padding: 0;} .index_01{padding: 30px 0;} .index-tit p{text-align: left;} .index_02{padding: 30px 0 8%;} .index_02 .index-tit{margin-bottom: 20px;} .dodiv dt li{width: 50%;margin-bottom: 8px;} .dodiv dt li em{width: 10px;height: 10px;} .dodiv dt li p{font-size: 14px;margin-left: 10px;} .index_03{height: 300px!important;} .index_04{padding: 30px 0 40px;} .index_newlist li dd{width: 100%;} .index_newlist li dt{max-height: inherit;height: inherit;width: 100%;} .index_newlist .index_link{margin-top: 30px;} .index_05 dl{margin-bottom: 20px;} .index_05 dl:last-child{margin-bottom: 0;} .index_05 dl dd{width: 100%;} .index_05 dl dt{width: 100%;position: static;overflow: hidden;padding: 20px!important;} .index_05-div h3{margin-bottom: 25px;} } /*index02*/ .index_02{padding: 16% 0 5%;background-size: 100% auto !important;background-size: cover !important;} .doing_div{background: #fff;border-radius: 5px;overflow: hidden;} .doing_div-t{position: relative;z-index: 2;} .doing_div-t li{float: left;width: 14.285%;text-align: center;padding: 25px 0 20px;cursor: pointer;position: relative;} .doing_div-t li dd img{width: 55px;height: 55px;transition: all .3s;} .doing_div-t li dt{font-weight: bold;margin-top: 12px;} .doing_div-t li::after{content: "";display: none;width: 100%;height: 5px;background: #c39b53;position: absolute;bottom: 0;left: 0;} .doing_div-t .lhl_but{display: none;position: static;} .doing_div-t .lhl_but div{background: none;line-height: 44px;text-align: center;font-size: 20px;position: absolute;width: 40px;} .doing_div-t .lhl_but div.swiper-button-prev{left: 0;} .doing_div-t .lhl_but div.swiper-button-next{right: 0;} .doing_div-t .swiper-button-prev.swiper-button-disabled,.doing_div-t .swiper-button-next.swiper-button-disabled{cursor: pointer; pointer-events:inherit!important; opacity: 1;} .doing_div-t .swiper-button-prev.disabled{ cursor: default;opacity: 0.6;} .doing_div-t .swiper-button-next.disabled{ cursor: default;opacity: 0.6;} .doing_div-b{padding: 35px 45px 60px;box-sizing: border-box;overflow: hidden;border-top: 1px solid #c5cdd3;margin-top: -1px;} .doing_item{display: none;height: 250px;} .doing_txt{line-height: 30px;max-height: 180px; margin-bottom: 40px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 6; -webkit-box-orient: vertical;} .doing_link{font-weight: bold;} .doing_link a{display: block;} /* .doing_link i{margin-left: 6px;} */ .doing_div-t li.on::after{display: block;} .doing_item.on{display: block;} .proswiper{position: relative;color: #fff;} .proswiper .wrap{position: relative;z-index: 3;} .proswiper .blank_15{display: none;} .proswiper-div{padding-top: 8%;width: 45%; visibility: hidden;opacity: 0; transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s; -webkit-transform: translatex(200px); -moz-transform: translatex(200px);-o-transform: translatex(200px);-ms-transform: translatex(200px);transform: translatex(200px); } .proswiper li.ani-slide .proswiper-div{ visibility: visible;opacity: 1; -webkit-transform: translatex(0px); -moz-transform: translatex(0px);-o-transform: translatex(0px);-ms-transform: translatex(0px);transform: translatex(0px); } .proswiper-div p{ line-height: 50px;max-height: 100px; overflow: hidden; } .proswiper-div h3{margin: 30px 0 50px;line-height: 38px;height: 76px;overflow: hidden;} .proswiper-link a{padding: 14px 30px;display: inline-block;border-radius: 30px;background: #fff;} .proswiper-link a i{margin-left: 10px;} .proswiper .lhl_but{position: static;} .proswiper .lhl_but div{background: none;line-height: 44px;text-align: center;font-size: 34px;position: absolute;width: 40px;color: #fff;font-weight: 300;} .proswiper .lhl_but div.swiper-button-prev{left: 3%;} .proswiper .lhl_but div.swiper-button-next{right: 3%;} .index_04-1{overflow: hidden;padding-bottom: 6%;} .index_04-1 ul{} .index_04-1 li{float: left;padding: 0 4%;box-sizing: border-box;width: 50%;} .index_04-1 dd span{font-weight: bold;} .index_04-1 dt{border-top: 3px solid #d6d6d6;margin-top: 25px;padding-top: 20px;border-bottom: 1px solid #d6d6d6;} .index_04-1 dt p span{margin-right: 25px;} .strock_num h2{display: inline-block;} .strock_num img{display: inline-block;width: 33px;height: 42px;vertical-align: text-bottom;margin-left: 15px;} .strock_date{margin: 30px 0;} @media only screen and (min-width:1025px) { .doing_div-t li:hover img{transform: translatey(-8px);} } @media only screen and (max-width:1560px) { .doing_div-t li dt p{font-size: 18px;} .proswiper .lhl_but div.swiper-button-prev{left: 1.5%;} .proswiper .lhl_but div.swiper-button-next{right: 1.5%;} .strock_num img{width: 24px;height: 31px;} } @media only screen and (max-width:1440px) { .proswiper-div h3{line-height: 32px;height: 64px;} .proswiper-div p{ line-height: 40px;max-height: 80px; } } @media only screen and (max-width:1280px) { .doing_div-t li dt p{font-size: 16px;} .proswiper-div h3{line-height: 28px;height: 56px;} .proswiper-div p{ line-height: 35px;max-height: 70px; } } @media only screen and (max-width:1024px) { .doing_div-t .lhl_but{display: block;} .proswiper-div{margin-left: 6%;} .proswiper-div h3{margin: 10px 0 20px;} .proswiper .lhl_but div{} .proswiper .lhl_but div.swiper-button-prev{left: 20px;} .proswiper .lhl_but div.swiper-button-next{right: 20px;} .proswiper-link a{padding: 10px 20px;} .index_04-1 ul{margin-left: -4%;margin-right: -4%;} .dot_con li p em{font-size: 30px;margin-top: -10px;} .dot_con li span{transform: scale(.8);} .proswiper-div p{ line-height: 30px;max-height: 60px; } } @media only screen and (max-width:767px) { .doing_div-t li dd img{width: 40px;height: 40px;} .doing_div-t li dt{margin-top: 8px;} .doing_div-t li dt p{font-size: 14px;} .index_02{padding: 80px 0 40px;} .doing_div-b{padding: 30px 30px 40px;} .doing_txt{margin-bottom: 30px;line-height: 26px;max-height:156px;} .doing_item{height: 215px;} .proswiper .blank_15{display: block;} .proswiper li{height: 300px!important;} .proswiper-div{width: 88%;padding-top: 50px;} .proswiper .lhl_but div{font-size: 24px;} .proswiper .lhl_but div.swiper-button-prev{left: 0px;} .proswiper .lhl_but div.swiper-button-next{right: 0px;} .index_04-1 li{width: 100%;margin-bottom: 30px;} .index_04-1 dt{margin-top: 20px;} .strock_num img{width: 15px;height: 19px;margin-left: 8px;} .strock_date{margin: 20px 0;} .dot_con li p em{font-size: 20px;margin-top: -10px;} .dot_con li span{transform: scale(.6);width: 120%;margin-left: -10%;} .li15{ width: 60px; height: 60px; left: 52.6%; top: 42.8%; } }