@charset "utf-8"; .banner-container{width: 100%;position: relative;} .banner{width: 100%;} .banner-picwords{width: 100%;} .banner-pic{width: 100%;height: 100%;overflow: hidden;} .banner-pic img{width: 100%;height: 100%;object-fit: cover;} .banner-pic img{width: 100%;height: 100%;object-fit: cover;transform: matrix(1.0, 0, 0, 1.0, 0, 0);-webkit-transition: all 0.4s ease 1.2s;-moz-transition: all 0.4s ease 1.2s;-ms-transition: all 0.4s ease 1.2s;-o-transition: all 0.4s ease 1.2s;transition: all 0.4s ease 1.2s;} .swiper-slide-active .banner-pic img {transition-delay: 0.4s !important;transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transition: all 5s ease;-moz-transition: all 5s ease;-ms-transition: all 5s ease;-o-transition: all 5s ease;transition: all 5s ease;} .banner-pic .banner-pc{display: block;} .banner-words{position: absolute;width: 100%;left: 0;top: 45%;transform: translate(0,-50%);z-index: 2;text-align: center;} .banner-words h4{font-size: 44px;color: #fff;font-family: 'Microsoft YaHei';font-weight: bold;} .banner-words h5{font-size: 18px;color: #fff;font-family: 'Microsoft YaHei';margin-top: 20px;} .banner-words h5 span{border: 1px solid #fff; padding: 6px 35px;border-radius: 30px;margin: 0 10px;display: inline-block;} .swiper-slide-active .banner-words h4{animation: bannerWordsdown 1.2s ease both 600ms;} .swiper-slide-active .banner-words h5{animation: bannerWordsup 1.2s ease both 900ms;} .banner-prev,.banner-next{position: absolute;z-index: 4;top: 50%;width: 40px;height: 60px;margin-top: -30px;cursor: pointer;user-select: none;transition: all .3s ease-in-out;} .banner-prev{left: 15px;background: rgba(0, 0, 0, .3) url('../images/banL.png') no-repeat center center;} .banner-next{right: 15px;background: rgba(0, 0, 0, .3) url('../images/banR.png') no-repeat center center;} .banner-prev:hover,.banner-next:hover{background-color: rgba(0, 129, 204, 1);} .banner .swiper-pagination{bottom: 20px;} .banner .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #b00000;opacity: 0.8;vertical-align: middle;position: relative;} .banner .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #b00000;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;transform: scale(0);transition: all .5s;} .banner .swiper-pagination-bullet-active {opacity: 1;} .banner .swiper-pagination-bullet-active:after {opacity: 1;transform: scale(1);} .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;} /* 产品 */ .products-container{width: 100%;padding: 80px 0 50px 0;} .products{width: 1600px;margin: 0 auto;} .pro_pic{width: 100%;margin-top: 40px;} .pro_list{width: 100%;height: auto;padding: 3%;padding-bottom: 0;background: #f5f5f5;border-radius: 5px;overflow: hidden;transition: all .4s ease-out;} .pro_list .img{width: 100%;padding-top: 100%;position: relative;overflow: hidden;} .pro_list .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;display: block;transition: all .4s ease-out;} .pro_list .text{width: 100%;padding: 0 5px;overflow: hidden;} .pro_list .text h5{line-height: 50px;color: #444;font-size: 16px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .4s ease-out;} .pro_list:hover{background: #b00000;} .pro_list:hover .img img{transform: scale(1.1);} .pro_list:hover .text h5{color: #fff;} .pro_pic .swiper-container{padding-bottom: 50px!important;} .pro_pic .swiper-pagination{bottom: 10px;} .pro_pic .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #b00000;opacity: 0.8;vertical-align: middle;position: relative;} .pro_pic .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #b00000;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;transform: scale(0);transition: all .5s;} .pro_pic .swiper-pagination-bullet-active {opacity: 1;} .pro_pic .swiper-pagination-bullet-active:after {opacity: 1;transform: scale(1);} .pro_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;} /* 品牌实力 */ .pinpai-container{width: 100%;padding: 80px 0 80px 0;background-size: cover;/* height: 847px; */background-position: center!important;} .pinpai{width: 1600px;margin: 0 auto;} .pinpai_center{width: 100%;margin-top: 0px;} .pinpai_center .about_kr_text{padding-top: 30px;color: #ffffff;font-size: 18px;line-height: 40px;text-align: center;} .pinpai_center ul{width: 100%;height: auto;overflow: hidden;} .pinpai_center ul li{width: 25%;float: left;border-right: 1px dashed #b4d6f6;text-align: center;} .pinpai_center ul li h5{font-size: 30px;color: #fff;font-family: 'impact';} .pinpai_center ul li h5 span{font-size: 50px;color: #fff;font-family: 'impact';} .pinpai_center ul li h6{font-size: 18px;color: #fff;} .pinpai_center ul li:last-child{border-right: 0px;} .video_click{display: block;width: 100%;height: auto;overflow: hidden;margin: 40px 0;cursor: pointer;} .video_click h5{width: 82px;height: 82px;overflow: hidden;margin: 0 auto;} .video_click h6{font-size: 16px;color: #fff;text-align: center;padding-top: 10px;} .video_click h6 span{border-bottom: 1px solid #fff;display: inline-block;} /*视频插件--视频窗口*/ .media-modal{width:100%;height:100%;background:rgba(0,0,0,.3);position:fixed;top:0px;left:0px;z-index:9999;display:none;opacity:0;} .media-modal .mediaModal-contain{width:720px;height:480px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;margin:-240px 0 0 -360px;display:none;} .mediaModal-contain .mediaModal-box, .mediaModal-contain video, .mediaModal-contain .mejs-container, .mediaModal-contain .mejs-overlay-play, .mediaModal-contain .mejs-poster, .mediaModal-contain .mejs-layers, .mediaModal-contain .mejs-overlay{width:100% !important;height:100% !important;} .mediaModal-contain .close{display:block;width:32px;height:32px;background:url(../js/media/icon-close.png) no-repeat center center / cover;position:absolute;right:5px;top:5px;z-index:2;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;} .mediaModal-contain:hover .close{opacity:1;} @media all and (max-width:1000px){.mediaModal-contain .close{opacity:1;}.media-modal .mediaModal-contain{width:94%;left:3%;margin-left:0;}} /* 核心优势 */ .core_container{width: 100%;padding: 100px 0 80px 0;} .core{width: 100%;height: auto;padding: 30px 0;overflow: hidden;} .core_list{width: 100%;height: auto;} .core_list .img{width: 100%;height: 356px;overflow: hidden;} .core_list .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;} .core_list:hover .img img{transform: scale(1.1);} .core_list .text{width: 100%;height: 120px;background-color: #f5f5f5;padding: 30px;position: relative;} .core_list .text h5{font-size: 18px;color: #444;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .core_list .text h6{font-size: 16px;color: #888;font-weight: normal;padding-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .core_list .text i{position: absolute;right: 20px;bottom: 40px;width: 19px;height:8px;background: url("../images/pro_jian4.png") no-repeat center center;} .core_list:hover .text i{background: url("../images/pro_jian3.png") no-repeat center center;} .core_list:hover .text{background-color: #b00000;} .core_list:hover .text h5{color: #fff;} .core_list:hover .text h6{color: #fff;} .core .swiper-container{padding-bottom: 50px!important;} .core .swiper-pagination{bottom: 10px;} .core .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #bbb;opacity: 0.8;vertical-align: middle;position: relative;} .core .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #5abbda;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;} .core .swiper-pagination-bullet-active {width: 6px;height: 6px;opacity: 1;position: relative;background: #5abbda;} .core .swiper-pagination-bullet-active:after {opacity: 1;} .core .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;} /* 经典案例 */ .case-container{width: 100%;background-size: cover!important;height: 100%;background-position: center!important;padding: 80px 0 50px;} .case{width: 1600px;margin: 0 auto;} .case-center{width: 100%;height: auto;margin-top: 50px;} .case-center .swiper-container{padding-bottom: 50px!important;} .case-center .swiper-pagination{bottom: 10px;} .case-center .swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;background: #fff;opacity: 0.8;vertical-align: middle;position: relative;transition: all .5s;} .case-center .swiper-pagination-bullet:after{content: "";width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background: transparent;border: 2px solid #fff;border-radius: 100%;margin-top: -10px;margin-left: -10px;opacity: 0;transform: scale(0);transition: all .5s;} .case-center .swiper-pagination-bullet-active {opacity: 1;} .case-center .swiper-pagination-bullet-active:after {opacity: 1;transform: scale(1);} .case-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 16px;} .case_list{width: 100%;height: auto;overflow: hidden;} .case_list ul{margin-left: -2%;} .case_list ul li{width: 23%;margin-left: 2%;background-color: #fff;border-radius: 3px;margin-bottom: 2%;overflow: hidden;padding: 15px;float: left;} .case_list ul li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;} .case_list ul li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;display: block;transition: all .4s ease-out;} .case_list ul li:hover .img img{transform: scale(1.1);} .case_list ul li .text{width: 100%;height: auto;padding: 15px 0 5px 0;overflow: hidden;} .case_list ul li .text h5{height: 30px;line-height: 30px;font-size: 16px;color: #444;padding-right: 19px;background: url("../images/pro_jian4.png") right no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .4s ease-out;} .case_list ul li .text h6{line-height: 30px;font-size: 14px;color: #999;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding-top: 5px;} .case_list ul li:hover .text h5{color: #b00000;background: url("../images/pro_jian5.png") right no-repeat;} .case_list ul li:first-child{width: 48%;} /* 新闻中心 */ .news-container{width: 100%;padding: 80px 0 80px 0;} .news{width: 1600px;margin: 0 auto;} .news-title{width: 100%;height: auto;overflow: hidden;text-align: center;margin-top: 20px;} .news-title ul li{display: inline-block;font-size: 16px;color: #888;font-weight: normal;padding: 0 20px;cursor: pointer;transition: all .4s ease-out;} .news-title ul li:hover,.news-title ul li.cur{color: #b00000;} .news-title ul a{text-align: center;padding: 0 20px;font-size: 16px;color: #888;font-weight: normal;} .news-title ul a:hover{color: #b00000;} .news-list{display: none;/* margin-bottom: 40px; */} .news-list.active{display: block;animation: hideIndex .5s;-moz-animation: hideIndex .5s;-webkit-animation: hideIndex .5s;-o-animation: hideIndex .5s;} .news-center{width: 100%;margin-top: 50px;overflow: hidden;} .news-left{width: 50%;float: left;height: auto;overflow: hidden;padding-right: 10px;} .news-left .img{width: 100%;height: 456px;overflow: hidden;} .news-left .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;} .news-left:hover .img img{transform: scale(1.1);} .news-left .text{width: 100%;background-color: #f5f5f5;padding: 30px;position: relative;} .news-left .text h5{font-size: 18px;color: #444;padding-right: 100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height: 30px;line-height: 30px;transition: all .4s ease-out;} .news-left .text h6{font-size: 14px;color: #999;line-height: 30px;height: 90px;padding-right: 100px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .news-left:hover .text h5{color: #b00000;} .news-time{width: 90px;height: 90px;background-color: #b00000;padding: 8px;font-size: 38px;color: #fff;text-align: center;position: absolute;right: 30px;top: 30px;} .news-time span{display: block;font-size: 12px;color: #fff;text-align: center;} .news-right{width: 50%;float: left;padding-left: 10px;overflow: hidden;} .news-right ul li{width: 100%;height: auto;margin-bottom: 3px;background-color: #f5f5f5;padding: 32px;overflow: hidden;} .news-right ul li .text{width: 66%;float: left;padding-right: 30px;overflow: hidden;} .news-right ul li .text h4{font-size: 18px;color: #444;height: 30px;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease-out;} .news-right ul li .text h5{font-size: 14px;color: #888;line-height: 30px;height: 60px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 15px 0;} .news-right ul li .text h6{font-size: 14px;color: #555;font-family: 'Arial';} .news-right ul li:hover .text h4{color: #b00000;} .news-right ul li .img{width: 34%;float: left;height: 146px;overflow: hidden;} .news-right ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;} .news-right ul li:hover .img img{transform: scale(1.1);} .news-video{width: 100%;margin-top: 50px;overflow: hidden;} .news-video ul{margin-left: -2%;} .news-video ul li{margin-left: 2%;float: left;margin-bottom: 2%;position: relative;height: 319px;width: 31.333%;overflow: hidden;} .news-video ul li img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;} .news-video ul li:hover img{transform: scale(1.1);} .news-video ul li i{position: absolute;width: 42px;height: 42px;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;background: url("../images/video2.png") no-repeat center center;} .news-video ul li p{position: absolute;width: 100%;font-size: 20px;color: #fff;bottom: 1px;text-align: center;} .news-more{width: 140px;background-color: #b00000;border-radius: 30px;height: 44px;line-height: 44px;color: #fff;font-size: 14px; margin: 0 auto;margin-top: 30px;transition: all .4s ease-out;} .news-more:hover{background-color: #5abbda;} .news-more a{display: block;text-align: center;} /* -------------------------PC端--------------------------- */ @media all and (max-width:1700px) { /* 1600 × (900/1024/1200) */ .products{width: 92%;} .pinpai{width: 92%;} .case{width: 92%;} .news{width: 92%;} .products-container,.core_container,.news-container{padding: 80px 0 60px 0;} .core_list .img{height: 300px;} .pinpai-container{/* height: 800px; */} .news-video ul li{height: 290px;} } @media all and (max-width:1599px) { /* 1440 × (900/1050) */ .pinpai_center ul li h5 span{font-size: 80px;} .core_list .img{height: 265px;} .pinpai-container{/* height: 750px; */} .news-left .img{height: 380px;} .news-right ul li{padding: 22px;} .news-right ul li .img{height: 141px;} .news-video ul li{height: 260px;} } @media all and (max-width:1439px) { /* 1360 × (768) */ .products-container{padding: 80px 0 50px 0;} .pinpai_center ul li h5 span{font-size: 60px;} .pinpai_center ul li h6 {font-size: 16px;} .pinpai-container{/* height: 720px; */} .products-container,.core_container,.news-container{padding: 50px 0;} .core_list .img{height: 250px;} .core_list .text h6{font-size: 14px;font-weight: normal;} .news-title ul li{padding: 0 15px;} .news-title ul a{padding: 0 15px;} .news-video ul li{height: 246px;} } @media all and (max-width:1359px) { /* 1280 × (800/854/1024) */ .pinpai_center ul li h5 span{font-size: 50px;} .pinpai_center ul li h6 {font-size: 14px;} .pinpai-container{/* height: 700px; */} .core_list .img{height: 234px;} .news-title ul li{font-size: 14px;} .news-title ul a{font-size: 14px;} .news-left .img{height: 335px;} .news-right ul li{padding: 20px;} .news-right ul li .img{height: 130px;} .news-right ul li .text h5{line-height: 24px;height: 49px;} .news-video ul li{height: 232px;} } @media all and (max-width:1279px) { /* 1152 × (864) */ .banner-words h4{font-size: 36px;} .banner-words h5{font-size: 14px;margin-top: 15px;} .banner-words h5 span{ padding: 6px 30px;border-radius: 30px;} .products-container{padding: 60px 0 30px 0;} .core_list .img{height: 210px;} .pinpai-container{/* height: 670px; */} .news-title ul li {padding: 0 10px;} .news-title ul a {padding: 0 10px;} .news-video ul li{height: 208px;} } @media screen and (max-width: 1200px){ .pinpai_center .about_kr_text {padding-top: 20px;font-size: 16px;line-height: 30px;} } @media all and (max-width:1151px) { /* 1024 × (600/768) */ .news-title ul li{text-align: center;padding: 0 5px;font-size: 12px;} .news-title ul a{font-size: 12px;padding: 0 5px;} } /* ------------------------手机端-------------------------- */ @media all and (max-width:1000px) { /* 360移动终端以上 */ .banner-prev, .banner-next{display: none;} .banner-words h4{font-size: 18px;} .banner-words h5{font-size: 12px;margin-top: 10px;} .banner-words h5 span{ padding: 6px 10px;border-radius: 30px;margin: 5px 5px;} .banner .swiper-pagination{bottom: 3px;} .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;} .products-container,.core_container{padding: 30px 0;} .pro_pic{margin-top: 20px;} .pro_list .text h5{line-height: 40px;font-size: 14px;} .pinpai-container{height: auto;padding: 50px 0;background-size: cover!important;} .pinpai_center .about_kr_text{padding-top: 30px;font-size: 15px;line-height: 26px;text-align: justify;} .pinpai_center ul li{width: 50%;float: left;border-right: 0;text-align: center;margin-bottom: 20px;} .pinpai_center ul li h5{font-size: 20px;color: #fff;font-family: 'impact';} .pinpai_center ul li h5 span{font-size: 40px;color: #fff;font-family: 'impact';font-weight: bold;} .pinpai_center ul li h6{font-size: 13px;color: #fff;} .pinpai_center ul li:nth-child(2n){border-right: 0px;} .core_container{width: 92%;margin: 0 auto;} .core_list .img{height: auto;} .core_list .img img{height: auto;} .core_list .text{padding: 10px;height: 100px;} .core_list .text h5{font-size: 16px;font-weight: normal;} .core_list .text i{bottom: 10px;} .case-container{padding: 50px 0 20px;} .case-center{margin-top: 30px;} .case_list ul li{width: 48%;margin-bottom: 10px;overflow: hidden;padding: 10px;} .case_list ul li .img{height: 100px;} .case_list ul li .text{padding: 10px 0 0px 0;overflow: hidden;} .case_list ul li .text h5{font-size: 14px;color: #444;padding-right: 15px;} .case_list ul li .text h6{line-height: 30px;font-size: 12px;padding-top: 5px;} .case_list ul li:first-child{width: 98%;} .case_list ul li:first-child .img{width: 100%;height: auto;overflow: hidden;} .news-container{padding: 30px 0;} .news-title{margin-top: 10px;} .news-center{margin-top: 30px;} .news-left{width: 100%;padding-right: 0px;margin-bottom: 10px;} .news-left .img{height: auto;} .news-left .text{padding: 10px;} .news-time{width: 60px;height: 60px;right: 10px;font-size: 20px;padding: 5px;} .news-left .text h5{font-size: 16px;padding-right: 70px;height: 24px;line-height: 24px;} .news-left .text h6{font-size: 12px;color: #999;line-height: 22px;height:76px;padding-right: 70px;padding-top: 10px;} .news-right{width: 100%;padding-left: 0px;} .news-right ul li{margin-bottom: 3px;padding: 10px;} .news-right ul li .text{width: 66%;float: left;padding-right: 10px;overflow: hidden;} .news-right ul li .text h4{font-size: 16px;color: #444;height: 30px;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .news-right ul li .text h5{font-size: 12px;color: #888;line-height: 22px;height: 44px;margin: 4px 0;} .news-right ul li .text h6{font-size: 14px;color: #555;font-family: 'Arial';} .news-right ul li:hover .text h4{color: #5abbda;} .news-right ul li .img{width: 34%;float: left;height: 101px;overflow: hidden;} .news-video{margin-top: 30px;} .news-video ul{margin-left: 0%;} .news-video ul li{margin-left: 0;margin-bottom: 2%;height: auto;width: 100%;} .news-video ul li p{font-size: 14px;bottom:10px} .pro_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;} .core .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;} .case-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;} } .news-video >ul>li>a>p { background:black;opacity: 0.8; } .contain-1400 { max-width: 98%; margin: 0 auto; } .indpro{width: 100%;background: #f5f5f5;padding: 80px 0 40px 0;} .indpro-menu{width: 100%;font-size: 0;text-align: center;margin: 30px 0 46px;user-select: none;} .indpro-menu li{display: inline-block;vertical-align: top;border-bottom: 1px solid #d9e0ea;padding: 0 34px;} .indpro-menu li:first-child{padding-left: 0;} .indpro-menu li:last-child{padding-right: 0;} .indpro-menu-link{height: 48px;display: block;position: relative;} .indpro-menu-link i, .indpro-menu-link span{display: inline-block;vertical-align: middle;height: 28px;line-height: 28px;} .indpro-menu-link span{font-size: 18px;color: #444;font-weight: 700;margin-left: 12px;transition: all .4s ease;} .indpro-menu-link::after{content: "";position: absolute;width: 0%;height: 2px;background: #b00000;left: 0;bottom: -1px;right: 0;margin: 0 auto;transition: all .4s ease;} .indpro-menu-link.active span, .indpro-menu-link:hover span{color: #b00000;} .indpro-menu-link.active::after{width: 100%;} .indpro-loop{width: 100%;} .indpro-items{width: 100%;display: none;} .indpro-items.active{display: block;animation: hideIndex .5s;-moz-animation: hideIndex .5s;-webkit-animation: hideIndex .5s;-o-animation: hideIndex .5s;} @keyframes hideIndex{0%{ opacity: 0; transform: translateY(50px) }100%{opacity: 1; transform: translateY(0) }} .indpro-ul{margin: -2% 0 0 -2%;} .indpro-link{display: block;align-items: center;position: relative;transition: all .4s ease;margin: 2% 0 0 2%;justify-content: center;width: 31.3333%;float: left;background: #fff;box-shadow: 0 2px 12px 2px rgba(29, 32, 136, 0.1); overflow: hidden;} .indpro-link .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;} .indpro-link .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;display: block;transition: all .6s ease;} .indpro-cont{position: absolute;transform: scale(0.8);opacity: 0;transition: all .6s ease;z-index: 4;width: 92%;padding: 0 20px;height: 90%;background: rgba(176, 0, 0, 0.80);display: flex;flex-direction: column;justify-content: center;text-align: center;color: #fff;} .indpro-cont h2{font-size: 18px;font-weight: 700;margin-bottom: 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .indpro-cont p{font-size: 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .indpro-link:hover .indpro-cont{transform: scale(1);opacity: 1;} .indpro-ul .text { padding: 20px; background-color: #f5f5f5; overflow: hidden; } .indpro-ul .text h6 { height:30px; line-height:30px; font-size:16px; color:#444; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url('../images/pro_jian4.png') right center no-repeat; padding-right:20px; transition: all .4s ease; } .indpro-ul:hover .text h6 { color: #b00000; background:url('../images/pro_jian5.png') right center no-repeat } .indpro-link img:hover { transform:scale(1.1) } /* ------------------------手机端-------------------------- */ @media all and (max-width:1000px) { /* 平板设备 720 适配 */ .indban-cont h2 {font-size: 32px;} .indban-cont p {font-size: 18px;} .indban-img img.pc{min-height: 400px;} @keyframes banCont {0% {transform: translateY(80px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}} .indtab-link p {font-size: 14px;line-height: 22px;} .indser-ul{height: auto;margin-top: 1px;} .indser {padding: 68px 0;} .indser-list {margin-top: 44px;} .indser-link{width: 50%;margin-top: -1px;} .indpro-menu li {padding: 0 12px;} .indpro-menu-link {height: 42px;} .indpro-link{width: 48%;} .indpro-cont {width: 94%;padding: 16px 20px;height: auto;bottom: 0%;opacity: 1;transform: scale(1);} .indrel-cont{width: 100%;} .indrel-rel {margin-left: 0;width: 100%;margin: 20px 0;} .indget-rel{width: 100%;} .indget-cont{width: 100%;padding-left: 0;margin: 20px 0;} .indget-input{max-width: 360px;} .indget-img{left: auto;right: 0;} .indnews-main{width: 100%;} .indnews-items{width: 100%;margin-top: 20px;} .indcall-img {width: 100px;left: 20px;} .indcall {padding: 0px 20px 0 144px;} .indcall-cont h2 {font-size: 20px;} .indnews {padding-bottom: 68px;} .indnews-main img{height: 240px;} .indapp-cont h2 a, .indapp-cont h2 span{display: block;} .indapp-cont h2 span{margin-left: 0;margin-top: 8px;} } @media all and (max-width:640px) { /* 移动终端以上 360 适配 */ .indban-img img.pc{display: none;} .indban-img img.mb{display: block;min-height: 300px;} .indban-cont {padding-bottom: 0;} .indban-cont h2 {font-size: 22px;margin-bottom: 6px;} .indban-cont p {font-size: 14px;} .indtab {margin-top: 20px;} .indtab-link{width: 50%;} .indtab-link:nth-child(2n):after {display: none;} .indtab-link::before {content: "";position: absolute;width: 100%;height: 1px;bottom: 0;right: 0;background: #2d30a4;} .indtab-link p {font-size: 13px;line-height: 21px;} .indtab-link:nth-last-child(1)::before, .indtab-link:nth-last-child(2)::before{display: none;} .indtab-link h2 {font-size: 16px;margin: 12px 0 8px;} .indtab-link i {height: 32px;} .indtab-link {height: 162px;} .indTitle h2 {font-size: 22px;line-height: 1.32;} .indTitle p {font-size: 16px;margin: 12px 0;line-height: 22px;} .indTitle i {width: 48px;} .indser-img h2 {font-size: 16px;} .indser-cont {padding: 0 12px;height: 200px;} .indser-cont p {font-size: 13px;line-height: 21px;} .indser-img{height: 132px;} .indser-list {margin-top: 32px;} .indser {padding: 40px 0;} .indpro {padding: 40px 0;} .indpro-menu {margin: 18px 0 32px;} .indpro-menu-link span {font-size: 14px;} .indpro-menu-link {height: 38px;} .indpro-menu li{width: 50%;margin: 0;margin-top: 12px;text-align: center;} .indpro-menu{text-align: left;} .indpro-link{height: auto;} .indpro-cont h2 {font-size: 15px;margin-bottom: 4px;} .indpro-cont {padding: 3px 12px;} .indpro-cont p{font-size: 13px;} .indpro-link img {max-width: 100%; height: auto;;} .indget, .indrel {padding: 36px 0 20px;} .indrel-img, .indget-img{position: static;width: 100%;text-align: center;} .indrel-img img, .indget-img img{max-width: 200px;} .indrel-cont h2, .indget-cont h2 {font-size: 22px;margin-bottom: 6px;} .indrel-rel h6, .indget-rel h6 {font-size: 22px;padding-left: 40px;} .indrel-rel, .indget-cont{margin: 16px 0 24px;} .indcase {padding: 40px 0;} .indcase-loop{margin-top: 32px;} .indcase-cont{padding-left: 0 24px;} .indapp {padding: 40px 0 28px;} .indapp-img{width: 100%;} .indapp-cont, .indapp-img img{height: auto;} .indapp-cont{width: 100%;padding: 24px 20px;} .indapp-cont h2 a, .indapp-cont h2 span {font-size: 20px;} .indget-input {max-width: 100%;padding-left: 0;} .indpar {padding: 40px 0;} .indpar-loop {margin-top: 32px;} .indpar-link{height: 100px;} .indmix {padding-top: 40px;} .indnews {padding-bottom: 32px;} .indnews-list, .indnews-imglink img, .indnews-main img{height: auto;} .indnews-main img{height: 180px;} .indnews-main-title p, .indnews-imglink-cont p{margin-top: 10px;} .indnews-main-cont, .indnews-imglink-cont {padding: 24px 20px;} .indnews-imglink{width: 100%;} .indnews-list{width: 100%;padding: 24px 20px;} .indcall-cont h2 {font-size: 18px;line-height: 1.32;} .indcall {padding: 32px 20px 140px;} .indcall-img{right: 0;} .indcall-cont, .indcall-call{height: auto;} .indcall-call{position: absolute;z-index: 2;right: 20px;bottom: 40px;} .indpro-ul .text {padding: 5px;} .indpro-ul .text h6 {font-size: 14px;} } /* ------------------------手机端-------------------------- */ @media all and (max-width:1000px) { /* 平板设备 720 适配 */ .contain-1400, .contain{width: 92%;} .Container-wrapper{margin-top: 60px;} .Footer-wrapper .contain-1400{width: 100%;} .Footer-contact li {height: 100px;width: 100% !important;padding: 0 4%;} .Footer-contact li::after {width: 100%;height: 1px;right: 0;top: auto;bottom: 0;margin-top: 0;} .Footer-items{padding: 32px 0;} .Footer-logo{width: 100%;text-align: center;} .Footer-navbar{width: 100%;margin-top: 20px;} .Footer-navbar ul{display: block;} .Footer-navbar li{width: 100%;position: relative;} .Footer-menu{height: 40px;line-height: 40px;padding: 0 4%;position: relative;font-size: 16px;} .Footer-menu::after{content: "";width: 44px;height: 40px;position: absolute;z-index: 2;right: 0;top: 0;background: url('../images/arrowDownHover.svg') no-repeat center /16px auto;} .Footer-menu.active::after{transform: rotate(180deg);} .Footer-drop{margin-top: 0;background: #161616;padding: 8px 0;display: none;} .Footer-drop a{width: 100%;padding: 5px 4%;color: #fff;} .Footer-navbar li.Footer-drop-code{text-align: center;} .Footer-navbar li.Footer-drop-code .Footer-menu::after{display: none;} .Footer-code{margin: 10px 0 0;} .Footer-code img{margin-top: 0;} .Footer-copyright {padding: 16px 0;} .Footer-copyright h6{font-size: 12px;line-height: 24px;width: 100%;text-align: center;} .Footer-copyright-icon{width: 94%;margin: 0 auto;} .Footer-copyright-icon a{margin-left: 4px;} } @media all and (max-width:640px) { /* 移动终端以上 360 适配 */ }