.ipart05 { background: #fff; padding-top:35px; } /*品牌理念*/ .concept{ padding-top: 30px; padding-bottom: 60px; } .concept ul li{ position: relative; float: left; width: -moz-calc((100% - 80px) / 3); width: -webkit-calc((100% - 80px) / 3); width: calc((100% - 80px) / 3); margin-right: 40px; margin-bottom: 40px; } .concept ul li:nth-child(2n){ /*margin-right: 0;*/ } .concept ul li:last-child{ margin-right: 0; } .concept ul li:before{ content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: url(../images/img128.png) center bottom; background-size: 100% auto; } .concept ul li .img{ width: 100%; overflow: hidden; } .concept ul li .img img{ width: 100%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .concept ul li:hover .img img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .concept ul li .txt{ position: absolute; left: 0; /*bottom: 7.5%;*/ z-index: 2; width: 100%; box-sizing: border-box; padding: 1% 7.5%; overflow: hidden; /*max-height: 42px;*/ -webkit-transition: max-height 0.6s ease; transition: max-height 0.6s ease; max-height: 60px; bottom: 0%; background:rgba(125,125,125,0.5) ; } .concept ul li:hover .txt{ max-height: 500px; } .concept ul li .txt .t1{ font-family: 'sym'; color: #ffffff; /*font-size: 28px;*/ -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin-bottom: 20px; font-size: 24px; } .concept ul li .txt .t2{ color: #ffffff; /*font-size: 16px;*/ line-height: 1.7; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-align: justify; font-size: 14px; } .concept ul li:hover .txt .t2{ opacity: 1; } @media screen and (max-width: 1024px){ /*品牌理念*/ .concept{ padding-top: 20px; /*padding-bottom: 80px;*/ } .concept ul li{ float: none; width: 100%; margin-right: 0; margin-bottom: 40px; } .concept ul li .txt{ max-height: 100%; } .concept ul li .txt .t2{ opacity: 1; } } @media screen and (max-width: 768px){ /*品牌理念*/ .concept{ padding-top: 10px; /*padding-bottom: 70px;*/ } .concept ul li .txt .t1{ font-size: 24px; margin-bottom: 15px; } .concept ul li .txt .t2{ font-size: 15px; } } @media screen and (max-width: 640px){ /*品牌理念*/ .concept{ /*padding-top: 50px;*/ padding-bottom: 40px; padding-top: 0px; } .concept ul li{ margin-bottom: 30px; } .concept ul li .txt .t1{ font-size: 20px; } .concept ul li .txt .t2{ font-size: 14px; } } @media screen and (max-width: 540px){ /*品牌理念*/ .concept{ /*padding-top: 40px;*/ padding-bottom: 20px; } .concept ul li .txt .t1{ margin-bottom: 10px; } } .ipart06 { background: #fff; } /* 关于我们 */ .about-cont1{padding:20px 0;} .about-cont1-note{width:44%;float:left;} .about-cont1-note .pub-tit{text-align: left;} .about-cont1-note p{color:#333;line-height:28px;margin-top:28px;font-size:16px;} .about-slide{width:52%; margin: 0 auto;float:right;} .view-big .swiper-container{width:100%;height:412px;} .view-big .arrow-left{background: url(../images/appprev.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;} .view-big .swiper-slide{position:relative;} .view-big .play{position:absolute;width:84px;height:84px;background:url(../images/play.png) no-repeat center;z-index:99;left:50%;top:50%;margin-left:-42px;margin-top:-42px;cursor:pointer;} .view-big img{width:100%;height:100%;object-fit: contain;} .view-big .arrow-right{background: url(../images/appnext.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;} .preview-sm{width: 100%;margin-top: 20px;position: relative;} .preview-sm .swiper-container{width: 540px;height: 70px;} .preview-sm .swiper-slide{width:128px;height:70px;background:#EFF4F6;border-radius:10px;cursor:pointer;margin-right:10px;} .preview-sm .slide6{width: 82px;} .preview-sm .arrow-left{background: url(../images/appprev.png) no-repeat center / contain;position: absolute;left: 10px;top: 50%;margin-top: -29px;width: 58px;height: 58px;z-index: 10;border-radius: 50%;left:0px;} .preview-sm .arrow-right{background: url(../images/appnext.png) no-repeat center / contain;position: absolute;right: 10px;top: 50%;margin-top: -29px;width: 58px;height: 58px;z-index: 10;border-radius: 50%;right:0px;} .preview-sm img{padding: 1px;width:100%;height:100%;object-fit: cover;} .preview-sm .active-nav img{padding: 0;border: 1px solid #006EBD;border-radius:10px;} .about-cont1 .know_more{font-size:14px; color:#c5c4c4; float:right; margin-top:10px;} /* 关于我们 */ .ipart02{ background: #eef2f5;} .ipart02 .content .item .text { /* background: #d9d9d9; */background: #fff;/* 202406 */ } .ipart07 { background: #fff; } .index-news-list{display:none;} .index-news{padding:60px 0;overflow:hidden;} .index-news-tit ul{text-align:center;} .index-news-tit li{display:inline-block;margin:0 10px;font-size:24px;color:#333333;margin:50px 30px 70px;cursor: pointer;} .index-news-tit li.cur{color:#006ebd;} .index-news-pic{width:35%;float:left;} .index-news-pic img{width:100%;height:254px;object-fit: contain;} .index-news-pic .note{position:relative;padding:20px 25px;background:#EFF4F6;height:auto;} .index-news-pic .date{width:84px;height:86px;/* background:#abb8c4; */padding:10px;position:absolute;left:25px;top:30px;transition:all 0.5s;background:#5e5f74;} .index-news-pic .date h6{font-size:44px;color:#fff;height:44px;line-height: 44px; text-align: center;} .index-news-pic .date p{color:#fff;font-size:14px;margin-top:5px;padding-top:5px;border-top:1px solid #fff;margin-left:0;} .index-news-pic h4{font-size:18px;color:#333;font-weight:bold;margin-left:110px;margin-top:20px;} .index-news-pic:hover h4{/* color:#0058b3; */} .index-news-pic:hover .date{/* background:#0058b3; */background: linear-gradient(to bottom,#0bb5ce, #104ea1);} .index-news-pic p{font-size:12px;color:#666;margin-top:10px;margin-left:110px;} .index-news-pic .info{margin-top:40px;line-height:28px;} .ind-news-fr{width:64%;float:right;} .ind-news-fr ul{overflow:hidden;} .ind-news-fr li{width:49%;float:left;margin-bottom:20px;background:#EFF4F6;padding:30px 10px;position:relative;padding-left: 130px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .ind-news-fr li .date{width:84px;height:98px;/* background:#abb8c4; */padding:10px;position:absolute;left:25px;top:30px;transition:all 0.5s; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background:#5e5f74;} .ind-news-fr li .date h6{font-size:44px;color:#fff;height:44px;line-height: 44px; text-align: center;} .ind-news-fr li:hover h4{/* color:#0058b3; */} .ind-news-fr li:hover .date{background:#0058b3; /* */} .ind-news-fr li .date p{color:#fff;font-size:14px;margin-top:5px;padding-top:5px;border-top:1px solid #fff;} .ind-news-fr li h4{font-size:18px;color:#333;font-weight:bold;padding-top:5px;} .ind-news-fr li p{font-size:14px;color:#666;margin-top:10px;height:50px;line-height:25px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;} .ind-news-fr li:nth-child(2n){float:right;} .ipart08 { background: #eef2f5; } .index-message{padding:60px 0;overflow:hidden;} @media all and (max-width:1441px){/*1440 * 900*/ .contain{/*width:100%;*/padding:0 4%; width:auto;} .ind-news-fr li h4{font-size:16px ;color:#333;font-weight:bold;padding-top:5px;} } @media all and (max-width:1367px){/*1366 * 768*/ } @media all and (max-width:1281px){ .contain{/*width:100%;*/padding:0 2%;} } /* ipad 及以下 */ @media all and (max-width:1180px){ .ind-news-fr li h4{font-size:16px;color:#333;font-weight:bold;padding-top:5px;} /* 关于我们 */ .about-cont1{padding:30px 0;} .about-cont1-note{width:100%;} .about-data-num{padding:20px 0;} .about-introduce-data ul{flex-wrap: wrap;} .about-data-num li{width:50%;margin-bottom:25px;} .about-introduce-data li::after{display:none;} .about-introduce-data h4 span{font-size: 40px;} .about-slide{width:100%;} .view-big .swiper-container{height:auto;} .preview-sm .arrow-right{width:40px;height:40px;right:0px;} .preview-sm .arrow-left{width:40px;height:40px;left:0px;} .preview-sm .swiper-slide{width:100px;height:60px;} } /* Mobile */ @media all and (max-width:768px){ .about-cont1-note p{font-size:14px;} .ind-news-fr li h4{font-size:16px;color:#333;font-weight:bold;padding-top:5px;} } @media all and (max-width:640px){ } /* ipad 及以下 */ @media all and (max-width:1180px){ .index-news{padding:30px 0;} .index-news-tit li{font-size:16px;margin:10px 2px 30px;} .index-news-pic{width:100%;} .ind-news-fr{width:100%;margin-top:15px;} .index-news-pic .note{height:auto;padding:15px;} .ind-news-fr li{width:100%;padding:15px;padding-left: 120px;margin-bottom:10px;} .ind-news-fr li .date,.index-news-pic .date{left:15px;top:15px;} .index-news-pic h4{margin-top:10px;} .ind-news-fr li h4{font-size:16px;color:#333;font-weight:bold;padding-top:5px;} } @media all and (max-width:768px){ .ind-news-fr li p{font-size:14px;color:#666;margin-top:10px;height:50px;line-height:25px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;} .ind-news-fr li h4{font-size:16px;color:#333;font-weight:bold;padding-top:5px;} } @media only screen and (max-width: 760px){ .ibanner .owl-carousel video { display: block !important; } } /* 产品中心 */ .xc_nav { margin: 10px auto; } ul.fix { text-align: center; margin: 0px auto; } .xc_nav ul li { line-height: 55px; float: none; display: inline-block; padding: 0 25px; transition: .3s ease; } /* 产品中心 */