@charset "utf-8"; /* ===================棣栭〉鏍峰紡========================== */ .inbanner{width: 100%;overflow: hidden;position: relative;height: auto;} .inbanner-item{width: 100%;position: relative;height: auto;} .inbanner-img{width: 100%;height: auto;position: relative;} .inbanner-pc{display: block;width: 100%;height: 100%; object-fit: cover;} .inbanner-mb{display: none;} .inbanner-cont{position: absolute;width: 100%;height: 100%;z-index: 2;top: 0;left: 0;} .inbanner-cont .contain{height: 100%;} .inbanner-contitem{height: 100%; display: flex;flex-direction: column;justify-content: center;max-width: 888px;margin-top: -20px;} .inbanner-item.inbanner-rgt .inbanner-contitem{float: right;text-align: right;} .swiper-slide:nth-child(4) .inbanner-contitem .inbanner-cont-cn p{font-size: 40px;} .inbanner-cont-cn{font-size: 60px;color: #d45454;margin-bottom: 30px;font-weight: 700;} .inbanner-cont-cn h2,.inbanner-cont-cn p{line-height: 64px;font-weight: 700;} .inbanner-cont-en{font-size: 26px;color: #7a6666;font-weight: 700;} .inbanner-cont-en p{line-height: 30px;} .inbanner .inbanner-prev,.inbanner .inbanner-next{width: 30px;height: 56px;background: url('../images/common/inArr.png')no-repeat center;position: absolute;right:4% ;top: 50%;z-index: 2;} .inbanner .inbanner-prev{transform: rotate(180deg);left: 4%;} .inbanner .swiper-pagination{bottom: 24px;position: absolute;left: 0;right: 0;} .inbanner .swiper-pagination-bullet {width: 30px;height: 2px;background: #fff;opacity: 1;margin: 0 0px!important;border-radius: 0%;} .inbanner .swiper-pagination-bullet-active {opacity: 1;background: #db5657;} /* 鏍囬鍏叡鏍峰紡 */ .index-comcont{width: 100%;text-align: center;display: flex;align-items: center;flex-direction: column;} .index-comcont h2{font-size: 42px;color: #333333;position: relative;padding-bottom: 24px;line-height: 1;} .index-comcont h2::after{content: '';width: 50px;height: 1px;background-color: #000000;position: absolute;left:0;bottom: 0;right: 0;margin: auto;} .index-comcont p{font-size: 16px;color: #555555;line-height: 28px;max-width: 918px;margin-top: 24px;} /* 浜у搧涓績 */ .inprod{width: 100%;padding-top: 92px;} .inprod-probox{display: block; width: 100%;margin-top: 44px;} .product-proimg{height: 48px;} .inprod-probox .contain{position: relative;text-align: center;} .inprod-probox .swiper-wrapper{display: flex;justify-content: space-around;width:1000px;margin:0 auto;} .toggle-prod{display: flex;flex-direction: column;align-items: center;cursor: pointer;} .product-prowd p{font-size: 18px;color: #333333;margin-top: 12px;} .inprod-probox .toggle-prod.cur::after{content: ''; width: 0;height: 0;border-left: 28px solid transparent;border-right: 28px solid transparent;border-bottom: 40px solid#e4e6e7;margin-top: 10px;} /* .toggle-prod.cur{ width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 40px solid#e4e6e7;} */ /* .toggle-sj{ width: 0;height: 0;border-left: 28px solid transparent;border-right: 28px solid transparent;border-bottom: 40px solid#e4e6e7;margin-top: 10px;} */ .inprod-desbox{width: 100%;padding: 102px 0 60px;position: relative;background: url('../images/index/inprodBJ.png')no-repeat left top/cover;} .inprod-title{width: 100%;text-align: center;margin-bottom: 54px;} .inprod-title h2{font-size: 28px;color: #535353;} .product-item{width: 100%;overflow: hidden;} .product-item-ul{margin-left: -4%;} .product-deswdimg{width: 29.3333%;float: left;margin-left: 4%;display: block;position: relative;} .product-desimg{width: 100%;background-color: #fff;overflow: hidden;margin-bottom: 87px;height: 294px;border-top-left-radius: 5px;border-top-right-radius: 5px;display: flex;justify-content: center;align-items: center;} .product-desimg img{max-width: 88%;object-fit: cover;max-height: 88%;transform: scale(1);transition: all .4s ease;} .product-desimg img:hover{transform: scale(1.02);} .product-deswdcont{width: 100%; padding: 34px 46px;color: #656565; background: #f5f5f5;border-bottom-left-radius:5px;border-bottom-right-radius:5px;position: absolute;bottom: 0;height: 87px;transition: all .6s ease;} .product-deswdcont h3{font-size: 16px;text-align: center;} .product-deswdimg:hover .product-deswdcont{background:rgba(220, 73, 74, .9);color: #ffffff;} .inprod-next,.inprod-prev{width: 22px;height: 44px;background:url('../images/common/inproArr.png') no-repeat center; position: absolute;top: 50%;left:10%; margin-top: -36px;cursor: pointer;} .inprod-next{transform: rotate(180deg);right: 10%;left: auto;} .inprod-more{width: 100%;display: flex;justify-content: center;margin-top: 45px;} .inprod-more a{width: 210px;height: 57px;border-radius: 26.5px;font-size: 15px;color: #404040;border: 2px solid #4a4d50;text-align: center;line-height: 53px;transition: all .4s ease;} .inprod-more a:hover{background:rgba(220, 73, 74, .9);color:#ffffff;border: 2px solid rgba(220, 73, 74, .9);} /* 涓浗鐖卞悍 */ .inakcome{width: 100%;padding-top: 92px;position: relative;} .inakcome-more{width: 100%;display: flex;justify-content: center;margin-top: 22px;} .inakcome-more a{width: 210px;height: 57px;border-radius: 26.5px;font-size: 15px;color: #888888;border: 2px solid #bebdbd;text-align: center;line-height: 53px;transition: all .4s ease;} .inakcome-more a:hover{background:rgba(220, 73, 74, .9);color:#ffffff;border: 2px solid rgba(220, 73, 74, .9);} .inakcome-numscroll{width: 100%;position: absolute;} .inakcome-shownum{width: 100%;padding: 30px 0 52px;background-color: #ffffff;} .inakcome-shownum ul{width: 100%; display: flex;justify-content: space-around;text-align: center;overflow: hidden} .inakcome-shownum ul li{width: 25%;} .shownum-cont{width: 100%;border-right: 1px solid #d9dde0;} .inakcome-shownum li:last-child .shownum-cont{border: none;} .shownum-cont h6{font-size: 52px;color: #d45454;font-weight: bold;margin-bottom: 10px;font-family:'DINCond'} .shownum-cont p{font-size: 16px;color: #555555;} .inakcome-img{width: 100%;} .inakcome-img img{width: 100%;object-fit: cover;} /* 閬嶅竷鍏ㄥ浗鏈嶅姟 */ .inakover{width: 100%;background:url('../images/index/akoverBj.png')no-repeat left top/cover;padding: 92px 0 34px 0;} .index-comcont p>a{font-size: 15px;color: #de5959;text-decoration: underline;line-height: 28px;} .inakover-contitem{width: 100%;display: flex;justify-content: space-between;margin-top: 20px;} .inakover-contlft{width: 50%;padding:80px 0 0 42px;} .inakover-contlft ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-start;} .inakover-contlft ul li{width: 33.333%;} .inakover-contlft ul li h6{font-size: 60px;color: #db5657;font-family: 'DINCond';} .inakover-contlft ul li p{font-size: 18px;color: #777777;} .inakover-contrgt{width: 50%;} .inkover-akguide{width: 100%;} .inkover-akguide img{max-width: 100%;object-fit: cover;} /* 璁板綍瀹夊悍 */ .inakrecord{width: 100%;padding: 92px 0 108px;} .inakrecord-newitem{width: 100%;display: flex;justify-content: space-between;margin-top: 38px;box-shadow: 15px 0px 35px rgba(0,0,0,.24);} .inakrecord-showimg{width: 50%;height: 420px;} .inakrecord-img{width: 100%;height: 420px;} .inakrecord-img img{width: 100%;height: 100%;object-fit: cover;} .inakrecord-showcont{width:50%;height: 420px;} .inakrecord-contcolumn{width: 100%;position: relative;padding: 60px;display: inline-block;} .inakrecord-contcolumn .newest{display: inline-block;width: 70px;height: 20px;text-align: center;line-height: 20px; font-size: 14px;color: #ffffff;background-color: #db5657;margin-bottom: 22px;} .inakrecord-contcolumn h2{font-size: 24px;color: #333333;line-height: 30px;margin-bottom: 28px;} .inakrecord-contcolumn p{font-size: 14px;color: #666666;line-height: 26px;margin-bottom: 24px;} .inakrecord-contcolumn span{font-size: 12px;line-height: 26px;color: #888888;} .inakrecord-showcont .swiper-pagination{display: flex;justify-content: flex-end;padding: 0 52px 50px 0;} .inakrecord-showcont .swiper-pagination-bullet-active{background: #db5657;} .inakrecord-newlist{width: 100%;margin-top: 38px;} .inakrecord-newlist ul{display: inline-flex;justify-content: space-between;width: 100%;} .inakrecord-newlist ul li{width: 31.3333%;} .newlist-menu{width: 100%;overflow: hidden;} .inakrecord-subimg{width: 100%;position: relative;} .inakrecord-subimg img{width: 100%;object-fit: cover;} .inakrecord-subimg h2{font-size: 22px;color: #ffffff;line-height: 26px;font-weight: 800;position: absolute;left: 30px;top: 25px;} .inakrecord-sucont{width: 100%;padding: 28px;box-shadow: 15px 0px 35px rgba(0,0,0,.12) ;height: 134px;} .inakrecord-sucont a{display: flex;justify-content: space-between; font-size: 14px;line-height: 26px;align-items: center; } .inakrecord-sucont a>h2{color: #555555;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease;} .inakrecord-sucont a>span{font-size: 12px;color: #888888;width: 42px;margin-left: 12px;} .inakrecord-sucont a h2:hover{color:#db5657;} /* -------------------------PC绔?-------------------------- */ @media all and (max-width:1700px) { /* 1600 脳 (900) */ } @media all and (max-width:1599px) { /* 1440 脳 (700) */ .inbanner-cont-cn {font-size: 42px;margin-bottom: 24px;} .inbanner-cont-cn h2, .inbanner-cont-cn p {line-height: 54px;} .inbanner-cont-en {font-size: 24px;} .index-comcont h2 {font-size: 34px;} .inakrecord-contcolumn {padding: 34px;} .inakrecord-contcolumn .newest {margin-bottom: 18px;} .inakrecord-contcolumn h2 {font-size: 22px;margin-bottom: 20px;} .inakrecord-contcolumn p {font-size: 14px;margin-bottom: 20px;} .inakrecord-showcont .swiper-pagination {padding: 0 34px 30px 0;} .inakrecord-subimg h2 {font-size: 20px;left: 24px;top: 18px;} } @media all and (max-width:1439px) { /* 1360 */ } @media all and (max-width:1359px) { /* 1280 */ } @media all and (max-width:1279px) { /* 1152 脳 (700) */ .inbanner-contitem {max-width: 688px;} .inbanner-cont-cn {font-size: 32px;margin-bottom: 18px;} .inbanner-cont-cn h2, .inbanner-cont-cn p {line-height: 42px;} .swiper-slide:nth-child(4) .inbanner-contitem .inbanner-cont-cn p{font-size: 30px;} .inbanner-cont-en {font-size: 20px;} .inprod {padding-top: 68px;} .product-desimg {height: 230px;} .inprod-next,.inprod-prev{left:6%;} .inprod-next{right: 6%;left: auto;} .inakcome {padding-top: 68px;} .inakover {padding: 68px 0 34px 0;} .inakrecord {padding: 68px 0 88px;} .index-comcont h2 {font-size: 28px;} .inprod-desbox {padding: 60px 0 48px;} .inprod-more a {width: 168px; height: 48px;line-height: 44px;} .inakcome-more a {width: 168px;height: 48px;line-height: 44px;} .shownum-cont h6 {font-size: 42px;} .inakover-contlft ul li h6 {font-size: 42px;} .inakover-contlft ul li p {font-size: 14px;} .inakrecord-contcolumn {padding: 20px;} .inakrecord-showcont .swiper-pagination {padding: 0 20px 18px 0;} .inakrecord-subimg h2 {font-size: 18px;left: 18px;top: 12px;} .inakrecord-sucont {padding: 18px;height: 108px;} .inakrecord-sucont a>span {width: 50px;} } @media all and (max-width:1151px) { /* 1024 */ .inprod-next, .inprod-prev {display: none;} } /* ------------------------鎵嬫満绔?------------------------- */ @media all and (max-width:1000px) { /* 骞虫澘璁惧 720 閫傞厤 */ .inbanner{height: auto;} .inbanner-item{height: auto;} .inbanner-img{height: auto;} .inbanner-cont-cn {font-size: 28px;margin-bottom: 14px;} .inbanner-cont-cn h2, .inbanner-cont-cn p {line-height: 34px;} .inbanner-cont-en {font-size: 18px;} .inbanner-cont-en p {line-height: 24px;} .inbanner-cont-cn p {font-size: 26px;} .swiper-slide:nth-child(4) .inbanner-contitem .inbanner-cont-cn p {font-size: 26px;} .inbanner .inbanner-prev {left: 2%;} .inbanner .inbanner-prev, .inbanner .inbanner-next {width: 28px;height: 38px;right: 2%;} .index-comcont p {max-width: 748px;} .product-desimg {height: 183px;} .product-deswdcont {padding: 20px 32px;} .inprod-probox .swiper-wrapper { width: 680px;} .inprod-next, .inprod-prev {display: none;} .inakcome-shownum {padding: 24px 0 32px;} .inprod-title h2 {font-size: 24px;} .shownum-cont h6 {font-size: 32px;} .shownum-cont p {font-size: 15px;} .inakover-contlft {padding: 80px 0 0 0px;} .inakover-contlft ul li h6 {font-size: 32px;} .inakrecord-contcolumn .newest {margin-bottom: 12px;} .inakrecord-contcolumn h2 {font-size: 18px; margin-bottom: 12px;line-height: 28px;} .inakrecord-contcolumn p {font-size: 14px;margin-bottom: 12px;line-height: 24px;} .inakrecord-subimg h2 {font-size: 16px;top: 8px;} .inakrecord-sucont a>span {width: 70px;} } @media all and (max-width:640px) { /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */ .inbanner{height: auto;} .inbanner-item{height: auto;} .inbanner-pc{display: none;} .inbanner-mb{display: block;width: 100%;object-fit: cover;} .inbanner-cont {display: none;} .inbanner-img{min-height: auto;height: auto;} .inbanner-cont-cn {font-size: 20px;margin-bottom: 14px;} .inbanner-cont-cn h2, .inbanner-cont-cn p {line-height: 28px;} .inbanner-cont-en {font-size: 14px;} .inbanner-cont-en p {line-height: 20px;} .inbanner-cont-cn p {font-size: 20px;} .swiper-slide:nth-child(4) .inbanner-contitem .inbanner-cont-cn p {font-size: 18px;} /* .inbanner-pc{display: none;} .inbanner-mb{display: block;min-height: 340px;} */ .inprod {padding-top: 40px;} .inprod-probox .swiper-wrapper {width: 300px;} .product-proimg img{transform: scale(0.68);} .product-prowd p {font-size: 12px;margin-top: 6px;} .inprod-probox .toggle-prod.cur::after {border-left: 16px solid transparent;border-right: 14px solid transparent;border-bottom: 24px solid#e4e6e7;margin-top: 6px;} .inprod-desbox {padding: 32px 0 24px;} .inprod-title {margin-bottom: 24px;} .inprod-title h2 {font-size: 12px;font-weight: 600;} .inprod-more {margin-top: 28px;} .inprod-more a {width: 108px;height: 34px;line-height: 30px;font-size: 14px;} .product-desimg {height: 86px;margin-bottom: 68px;} .product-deswdcont h3 {font-size: 14px;height: 38px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .product-deswdcont { padding: 14px 14px;height: 68px;} .inakcome {padding-top: 40px;} .inakcome-more a {width: 108px;height: 34px;line-height: 30px;font-size: 14px;} .inakcome-shownum {padding: 20px 0 32px;} .shownum-cont h6 {font-size: 28px;} .inakcome-shownum ul {flex-wrap: wrap;} .inakcome-shownum ul li {width: 50%;} .inakcome-shownum ul li:first-child{margin-bottom: 12px;} .inakcome-shownum ul li:nth-child(2){margin-bottom: 12px;} .inakcome-shownum ul li:nth-child(2) .shownum-cont {border-right:none;} .inakcome-img img {min-height: 320px;} .inakover {padding: 40px 0 24px 0;} .inakover-contlft ul li {width: 100%;} .inakover-contlft ul li h6 {font-size: 28px;} .inakover-contlft { padding: 0;} .inakrecord {padding: 40px 0 40px;} .inakrecord-newitem {flex-direction: column;} .inakrecord-showimg {width: 100%;height: 268px;} .inakrecord-img {height: 268px;} .inakrecord-showcont {width: 100%;} .inakrecord-subimg h2 {top: 18px;} .inakrecord-newlist ul {flex-direction: column;} .inakrecord-newlist ul li {width:100%;margin-bottom: 20px;} .index-comcont h2 {font-size: 24px;padding-bottom: 16px;} .index-comcont p {max-width: 338px;line-height: 24px;font-size: 14px;margin-top: 18px;} .inprod-probox {margin-top: 24px;} }