@charset "utf-8";
/* ===================首页样式========================== */
.pub-title{width: 100%;text-align: center;}
.pub-title h6{font-size: 60px;color: #333;letter-spacing: 6px;font-weight: 500;}
.pub-title i{width: 90px;height: 10px;display: block;background: linear-gradient(to right, #00fdfe , #007a9a);margin: 28px auto 0;border-radius: 10px;}

.pub-more{width: 158px;height: 36px;line-height: 34px;display: block;border: 1px solid #00c4d3;font-size: 18px;color: #00c4d3;padding-left: 24px;border-radius: 30px;background: #fff url('../images/index/arrR.png') no-repeat right 16px center;font-weight: lighter;transition: all .4s ease;}
.pub-more:hover{color: #fff;background: #00c4d3 url('../images/index/arrRH.png') no-repeat right 16px center;}
.pub-morewt{border: 1px solid #fff;color: #fff;background: transparent url('../images/index/arrRH.png') no-repeat right 16px center;}
.pub-morewt:hover{color: #00c4d3;background: #fff url('../images/index/arrR.png') no-repeat right 16px center;}


.banner{width: 100%;position: relative;overflow: hidden;}
.banner-pcimg,.banner-mbimg{width: 100%;}
.banner-pcimg img,.banner-mbimg img{width: 100%;object-fit: cover;}
.banner-pcimg{display: block;}
.banner-mbimg{display: none;}
.banner .swiper-pagination{bottom: 34px;}
.banner .swiper-pagination-bullet {width: 10px;height: 10px;background: #808288;opacity: 1;border-radius: 10px;transition: all .4s ease;}
.banner .swiper-pagination-bullet-active {width: 40px;background: linear-gradient(to right, #00fdfe , #007a9a);}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}
/* .banner .swiper-slide {overflow: hidden;position: relative;} */
/* .banner .swiper-slide .banner-pcimg img {width: 100%;object-fit: cover;transform: matrix(1.1, 0, 0, 1.1, 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;} */
/* .banner .swiper-slide-active .banner-pcimg 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;} */

.product{width: 100%;overflow: hidden;position: relative;padding: 66px 0 0;background: url('../images/index/proBg.jpg') no-repeat center center;background-size: cover;}
.product-list{width: 100%;margin-top: 48px;padding-left: 320px;}
.product-words{width: 408px;float: left;}
.product-words h6{font-size: 40px;color: #333;font-weight: 500;}
.product-words p{font-size: 20px;color: #333;line-height: 30px;margin-top: 28px;}
.product-words .pub-more{margin-top: 74px;}
.product-img{width: 60%;float: right;min-height: 660px;}
.product-img img{max-width: 100%;transform: scale(.8);transition: all 1.2s ease 200ms;opacity: 0;}
.product-img-pc{display: block;}
.product-img-mb{display: none;}
.swiper-slide-active .product-img img{transform: scale(1);opacity: 1;}
.product-menu{width: 190px;position: absolute;z-index: 2;left: 320px;bottom: 120px;padding: 12px 0;user-select: none;background: url('../images/index/proLine.png') no-repeat left center;}
.product-menu ul li{width: 100%;height: 24px;cursor: pointer;line-height: 24px;margin-top: 18px;padding-left: 30px;position: relative;font-size: 18px;color: #b8b8b9;}
.product-menu ul li:first-child{margin-top: 0;}
.product-menu ul li:after{display: none;content: "";width: 9px;height: 100%;border-radius: 10px;position: absolute;left: 0;top: 0%;background: linear-gradient(to bottom, #007a9a,#00fdfe);}
.product-menu ul li.ontrue{color: #333;}
.product-menu ul li.ontrue:after{display: block;}

.case{width: 100%;padding-top: 50px;}
.case-menu{width: 100%;font-size: 0;text-align: center;padding: 34px 0 50px;user-select: none;}
.case-menu a{display: inline-block;margin: 0 30px;cursor: pointer;}
.case-menu a img{margin: 0 auto;transition: all .4s ease;}
.case-menu a img.caseic{display: block;}
.case-menu a img.caseich{display: none;}
.case-menu a p{font-size: 20px;color: #666;margin-top: 14px;transition: all .4s ease;}
.case-menu a.ontrue img.caseic{display: none;}
.case-menu a.ontrue img.caseich{display: block;}
.case-menu a.ontrue p{color: #00c4d3;}
.case-words{width: 100%;position: relative;overflow: hidden;}
.case-words img{width: 100%;object-fit: cover;}
.case-img-pc{display: block;}
.case-img-mb{display: none;}
.case-fonts{width: 1280px;position: absolute;left: 50%;margin-left: -640px;top: 20%;z-index: 2;}
.case-fonts h6{width: 408px;font-size: 40px;color: #fff;opacity: 0;transform: translateX(240px);transition: all 1.2s ease 200ms;}
.case-fonts p{width: 408px;font-size: 20px;color: #fff;line-height: 34px;margin-top: 28px;opacity: 0;transform: translateX(300px);transition: all 1.2s ease 300ms;}
.case-fonts .pub-more{margin-top: 60px;opacity: 0;transform: translateX(340px);transition: all 1.2s ease 400ms;}
.case-fonts .pub-more:hover{color: #fff;border: 1px solid #fff;background: transparent url('../images/index/arrRH.png') no-repeat right 16px center;}
.swiper-slide-active .case-fonts h6,.swiper-slide-active .case-fonts p,.swiper-slide-active .pub-more{opacity: 1;transform: translateX(0);}

.news{width: 100%;background: #f7f7f8;overflow: hidden;padding: 94px 0 90px;}
.news-list{width: 1420px;margin: 62px auto 0;}
.news-list ul{margin-left: -3%;}
.news-list ul li{width: 30.333333333333332%;float: left;margin-left: 3%;position: relative;border-radius: 16px;overflow: hidden;box-shadow: 0 6px 10px 2px #ececed;}
.news-img{width: 100%;height: 225px;overflow: hidden;position: relative;z-index: 3;}
.news-img img{width: 100%;height: 100%;object-fit: cover;}
.news-img h6{position: absolute;z-index: 2;font-size: 40px;color: #333;top: 36px;left: 36px;font-weight: 500;}
.news-img .pub-morewt{position: absolute;left: 36px;bottom: 36px;width: 124px;padding-left: 0;border: none;}
.news-img .pub-morewt:hover{color: #00c4d3;background: transparent url('../images/index/arrR.png') no-repeat right 16px center;}
.news-words{width: 100%;padding: 0 40px;}
.news-words a{display: block;width: 100%;padding: 36px 0 32px;border-bottom: 1px solid #999;}
.news-words a h6{font-size: 18px;color: #333;line-height: 30px;height: 60px;transition: all .4s ease;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-words a p{font-size: 18px;color: #848484;margin-top: 32px;}
.news-words a:last-child{border-bottom: none;}
.news-words a:hover h6{color: #00c4d3;}
.news-more{width: 100%;overflow: hidden;margin-top: 50px;}
.news-more .pub-more{margin: 0 auto;background-color: transparent;}
.news-more .pub-more:hover{background-color: #00c4d3;}
.about{width: 100%;overflow: hidden;}
.about-img{width: 50%;float: left;position: relative;}
.about-img img{width: 100%;object-fit: cover;}
.about-words{position: absolute;z-index: 2;top: 100px;left: 100px;width: 600px;}
.about-title{width: 100%;}
.about-title h6{font-size: 60px;color: #fff;letter-spacing: 6px;}
.about-title i{width: 90px;height: 10px;display: block;background: #fff;margin-top: 28px;border-radius: 10px;}
.about-title p{font-size: 40px;color: #fff;margin-top: 40px;}
.about-title span{display: block;font-size: 20px;color: #fff;margin-top: 30px;}
.about-num ul li{width: 33.333333333333332%;float: left;margin-top: 54px;}
.about-num ul li h6{font-size: 16px;color: #fff;}
.about-num ul li span{font-size: 48px;color: #fff;font-weight: bold;margin-right: 12px;font-family: "ARQUITECTAHEAVY";}
.about-num ul li i{font-size: 48px;color: #fff;font-weight: bold;margin-right: 12px;font-family: "ARQUITECTAHEAVY";}
.about-num ul li p{font-size: 18px;color: #fff;line-height: 30px;margin-top: 10px;width: 124px;}
.about-num ul li span.rollnum-num4{margin-right: 0;}

.team{width: 100%;overflow: hidden;padding: 98px 0 90px;background: #f7f7f8;}
.team-list{width: 1450px;margin: 46px auto 0;}
.team-img{display: block;width: 100%;cursor: default;height: 154px;text-align: center;line-height: 154px;background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0 2px 10px 4px #ededee;}
.team-img img{max-width: 100%;transition: all .4s ease;}
.team-img:hover img{transform: translateY(-10px);}
.team-list .swiper-container{padding: 14px;}
.team-list .swiper-wrapper{padding-bottom: 60px;}
.team-list .swiper-pagination-bullet {width: 10px;height: 10px;background: #808288;opacity: 1;border-radius: 10px;}
.team-list .swiper-pagination-bullet-active {background: #00c4d3;}
.team-list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}





/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .about-title h6{font-size: 52px;}
    .about-title i {margin-top: 20px;}
    .news-img h6{font-size: 34px;}
    .about-title p {font-size: 34px;margin-top: 32px;}
    .about-title span {font-size: 18px;margin-top: 20px;}
    .about-num ul li {margin-top: 44px;}
    .about-words {top: 60px;left: 60px;}
    .case-fonts h6,.product-words h6{font-size: 34px;}
    .case-fonts p,.product-words p{margin-top: 20px;}
    .case-fonts .pub-more{margin-top: 50px;}
    .product-words .pub-more {margin-top: 54px;}
    .product-list{padding-left: 160px;}
    .product-menu{left: 160px;}
    .pub-title h6{font-size: 52px;}
    .pub-title i{margin: 20px auto 0;}
    .product-img{min-height: 595px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .about-title h6{font-size: 44px;}
    .about-title i {margin-top: 18px;width: 72px;height: 8px;}
    .case-fonts h6, .product-words h6 {font-size: 30px;}
    .product-words .pub-more {margin-top: 42px;}
    .case-fonts p, .product-words p {margin-top: 16px;font-size: 18px;line-height: 28px;}
    .case-fonts .pub-more {margin-top: 40px;}
    .news,.team {padding: 72px 0 80px;}
    .news-list {width: 92%;margin: 54px auto 0;}
    .news-img h6 {font-size: 30px;}
    .news-img{height: 208px;}
    .news-words {padding: 0 32px;}
    .news-words a {padding: 30px 0 28px;}
    .about-title p {font-size: 30px;margin-top: 28px;}
    .about-title span {font-size: 16px;margin-top: 16px;}
    .about-num ul li span,.about-num ul li i {font-size: 40px;margin-right: 8px;}
    .about-num ul li p {font-size: 16px;line-height: 26px;margin-top: 4px;width: 120px;}
    .team-list {width: 92%;margin: 32px auto 0;}
    .product-list{padding-left: 80px;}
    .product-menu{left: 80px;}
    .news-words a p {margin-top: 28px;}
    .pub-title h6 {font-size: 44px;}
    .pub-title i{margin: 18px auto 0;width: 72px;height: 8px;}
    .product-img{min-height: 560px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .about-words {top: 48px;left: 54px;}
    .product-menu ul li{margin-top: 10px;}
    .case-menu {padding: 34px 0 40px;}
    .news-list {margin: 44px auto 0;}
    .product-list{padding-left: 40px;}
    .product-menu{left: 40px;}
    .product-img{min-height: 544px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .product{padding: 60px 0 0;}
    .about-title h6{font-size: 38px;}
    .about-title i {margin-top: 14px;width: 66px;height: 6px;}
    .case-fonts {width: 92%;left: 4%;margin-left: 0;top: 18%;}
    .product-list{padding-left: 4%;}
    .product-menu{left: 4%;}
    .case-menu a p {font-size: 18px;margin-top: 12px;}
    .news, .team {padding: 60px 0 68px;}
    .news-img{height: 188px;}
    .news-img h6 {font-size: 24px;top: 24px;left: 24px;}
    .news-img .pub-morewt {left: 24px;bottom: 24px;width: 124px;}
    .news-words {padding: 0px 28px;}
    .news-words a p {margin-top: 24px;}
    .news-words a {padding: 28px 0 26px;}
    .about-words {width: 100%;top: 480x;left: 0;padding-left: 40px;}
    .about-title p {font-size: 24px;margin-top: 20px;}
    .about-title span {margin-top: 12px;}
    .about-num ul li span, .about-num ul li i {font-size: 34px;margin-right: 6px;}
    .about-num ul li {margin-top: 38px;}
    .pub-title h6 {font-size: 38px;}
    .pub-title i {margin: 14px auto 0;width: 66px;height: 6px;}
    .product-img{min-height: 506px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .case-fonts h6, .product-words h6 {font-size: 24px;}
    .about-title h6{font-size: 32px;}
    .about-title i {margin-top: 12px;width: 54px;}
    .case-fonts p, .product-words p {margin-top: 14px;font-size: 16px;line-height: 26px;}
    .product-words .pub-more {margin-top: 34px;}
    .case-menu a p {font-size: 16px;margin-top: 10px;}
    .case-menu {padding: 28px 0 32px;}
    .news-img{height: 170px;}
    .news-more {margin-top: 40px;}
    .about-num ul li {margin-top: 28px;}
    .team-img{height: 142px;line-height: 142px;}
    .case-fonts .pub-more {margin-top: 32px;}
    .pub-title h6 {font-size: 32px;}
    .pub-title i {margin: 12px auto 0;width: 54px;}
    .product-img{min-height: auto;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .product-words{width: 374px;}
    .product-menu{bottom: 64px;}
    .case-words img{min-height: 360px;}
    .news-img {height: 160px;}
    .news-words {padding: 0px 20px;}
    .news-words a {padding: 20px 0 24px;}
    .news-words a h6 {font-size: 16px;line-height: 28px;height: 54px;}
    .news-words a p {margin-top: 18px;}
    .about-img img{min-height: 440px;}
    .about-words{top: 36px;}
    .about-num ul li {margin-top: 22px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .product-words {width: 100%;padding-right: 4%}
    .product-menu {bottom: 100px;}
    .case-menu a {margin: 0 16px;}
    .news-img {height: 140px;}
    .news-img h6 {font-size: 20px;top: 18px;left: 18px;}
    .news-img .pub-morewt {left: 18px;bottom: 18px;}
    .about-words {padding-left: 28px;}
    .about-num ul li p {font-size: 14px;line-height: 22px;margin-top: 4px;width: 100%;padding-right: 16px;height: 44px;}
    .about-num ul li span, .about-num ul li i {font-size: 30px;margin-right: 4px;}
    .team-list .swiper-pagination{display: block;}
    .team-list .swiper-wrapper{padding-bottom: 40px;}
    .news, .team {padding: 52px 0 54px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner .swiper-pagination-bullet {width: 8px;height: 8px;border-radius: 8px;}
    .banner .swiper-pagination-bullet-active{width: 32px;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}
    .banner-pcimg{display: none;}
    .banner-mbimg{display: block;}
    .banner-mbimg img{min-height: 360px;}
    .banner .swiper-pagination {bottom: 20px;}
    .product {padding: 38px 0 0;}
    .product-list {margin-top: 34px;}
    .product-menu {bottom: 10px;width: 144px;display: none;}
    .product-img img{transform: scale(1);opacity: 1;}
    .product-img{width: 100%;margin-top: 32px;text-align: center;}
    .product-words h6{text-align: center;}
    .product-menu ul li {height: 20px;line-height: 20px;padding-left: 16px;font-size: 14px;}
    .product-words .pub-more {margin: 24px auto 0;}
    .case {padding-top: 38px;}
    .case-menu a p{font-size: 14px;}
    .case-menu a{margin-top: 20px;}
    .case-menu {padding: 14px 0 30px;}
    .case-menu a img{height: 40px;}
    .case-fonts h6,.case-fonts p{width: 100%;}
    .case-fonts .pub-more {margin-top: 24px;}
    .case-fonts {top: 14%;}
    .case-words img {min-height: 320px;}
    .news{padding: 40px 0 44px;}
    .news-list {margin: 8px auto 0;}
    .news-list ul {margin-left: 0%;}
    .news-list ul li {width: 100%;margin-left: 0%;margin-top: 28px;}
    .news-img {height: auto;}
    .about-img{width: 100%;}
    .about-words {padding-left: 4%;}
    .about-title h6 {font-size: 28px;}
    .about-title i {margin-top: 10px;width: 48px;}
    .about-num{width: 100%;margin-top: 32px;}
    .about-num ul li{width: 47%;margin-top: 0;}
    .about-img img {min-height: 490px;}
    .team {padding: 40px 0 34px;}
    .team-img {height: 120px;line-height: 120px;box-shadow: none;}
    .team-list .swiper-container {padding: 0px;}
    .team-list .swiper-wrapper {padding-bottom: 48px;}
    .about-limg img{height: auto;min-height: auto;}
    .pub-title h6 {font-size: 28px;}
    .pub-title i {margin: 10px auto 0;width: 48px;}
    .pub-more {width: 136px;height: 32px;line-height: 30px;font-size: 16px;padding-left: 16px;}
    .product-words p{height: 104px;}
    .case-img-pc{display: none;}
    .case-img-mb{display: block;}

    .product-img-pc{display: none;}
    .product-img-mb{display: block;}
}