@charset "utf-8";
/* ===================首页样式========================== */
.pub-title{width: 100%;text-align: center; position: relative; padding-top: 20px;}
.pub-title .en { position: absolute; top: -20px; width: 100%; text-align: center; font-size: 60px; color: #fcece6;color: rgba(235,96,0,0.15); font-weight: 700; text-transform: uppercase;}
.pub-title h6{ position: relative;z-index: 1; font-size: 60px; font-weight: 700; color: #242424;}
.pub-title i{width: 60px;height: 10px;display: block;background: linear-gradient(to right, #ff9a55 , #eb6000);margin: 28px auto 0;border-radius: 10px;}

.pub-more{width: 158px;height: 36px;line-height: 34px;display: block;border: 1px solid #eb6000;font-size: 18px;color: #eb6000;padding-left: 24px;border-radius: 30px;background: #fff url('../images/arrR.png') no-repeat right 16px center;font-weight: lighter;transition: all .4s ease;}
.pub-more:hover{color: #fff;background: #eb6000 url('../images/arrRH.png') no-repeat right 16px center;}
.pub-morewt{border: 1px solid #fff;color: #fff;background: transparent url('../images/arrRH.png') no-repeat right 16px center;}
.pub-morewt:hover{color: #eb6000;background: #fff url('../images/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;height:auto!important}
.banner-pcimg{display: block;}
.banner-mbimg{display: none;}
.banner .swiper-pagination{bottom: 34px;}
.banner .swiper-pagination-bullet {width: 20px;height: 10px;background: #fff;opacity: 1;border-radius: 10px;transition: all .4s ease;}
.banner .swiper-pagination-bullet-active {width: 40px; background-color: #ff9a55; /* background: linear-gradient(to right, #ff9a55 , #eb6000); */}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
/* .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/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: 380px;position: absolute;z-index: 2;left: 320px;bottom: 60px;padding: 12px 0;user-select: none;}
.product-menu::before { content: ''; position: absolute; width:9px; height: 100%; background: url('../images/proLine.png') no-repeat left center;}
.product-menu::after { content: ''; position: absolute; top: 0; left: 50%; width:9px; height: 100%; background: url('../images/proLine.png') no-repeat left center;}
.product-menu ul {display: flex;flex-direction: column; flex-wrap: wrap; height: 200px;}
.product-menu ul li{ flex: none; width: 50%;height: 24px; float: left; cursor: pointer;line-height: 24px;margin-top: 10px;padding-left: 30px;position: relative;font-size: 18px;color: #999;}
/* .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, #ff9a55,#eb6000);}
.product-menu ul li.ontrue{color: #242424; font-weight: 700;}
.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 10px;cursor: pointer; border: 1px solid #ddd;padding: 10px 5px;border-radius: 5px; margin-bottom: 10px;}
.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 { background-color: #eb6000;border-color: #eb6000; box-shadow: 10px 10px 20px rgba(235,96,0,0.3);}
.case-menu a.ontrue img.caseic{display: none;}
.case-menu a.ontrue img.caseich{display: block; filter: grayscale(100%) brightness(2000%);}
.case-menu a.ontrue p{color: #fff;}
.case-words{width: 100%;position: relative;overflow: hidden;background-color: #eb6000; text-align: right;}
.case-words img{width: 70%;object-fit: cover; float: right;}
.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; text-align: left;}
.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: #fff;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%;}
.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: #eb6000;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: #eb6000;}
.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: #eb6000;}
.about{width: 100%;overflow: hidden; background-color: #ff9a55;}
.about-img{width: 50%;float: left;position: relative;}
.about-limg {background-color: #000;}
.about-img a.video-btn { position: absolute;  top: 50%; left:50%;transform: translate(-50%,-50%); width: 92px; height: 92px; background: url(../images/video-botn.png) no-repeat center; opacity: 0.5;}
.about-img img{width: 100%;object-fit: cover; opacity: 0.7;min-height: 680px;}
.about-img:hover img { opacity: 0.5;}
.about-img a.video-btn:hover { opacity: 1;}
.about-words{position: absolute;z-index: 2;top: 100px;left: 100px;width: 600px;}
.about-title{width: 100%; padding: relative;}
.about-title .en { position: absolute; top: -30px; width: 100%; font-size: 60px; color: #fcece6;color: rgba(255,255,255,0.2); font-weight: 700; text-transform: uppercase;}
.about-title h6{ position: relative; z-index: 1; font-size: 60px;color: #fff; font-weight: 700;}
.about-title i{width: 90px;height: 10px;display: block;background: #fff;margin-top: 28px;border-radius: 10px;}
.about-title p{font-size: 16px;color: #fff;margin-top: 40px; line-height: 24px;}
.about-title span{display: block;font-size: 20px;color: #fff;margin-top: 30px;}
.about-num ul li{width: 50%;float: left;margin-top: 54px;}
.about-num ul li h6{font-size: 16px;color: #fff;}
.about-num ul li span{font-size: 60px;color: #fff;font-weight: bold;margin-right: 12px;font-family: "ARQUITECTAHEAVY", Arial;}
.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: 100%;}
.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;object-fit: cover;max-height: 80%;}
.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: #eb6000;}
.team-list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}

.index-add { width: 100%;}
.index-add img { width: 100%;}
.index-add .add-mb {display: none;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .about-title .en{font-size: 52px;}
    .about-title h6{font-size: 52px;}
    .about-title i {margin-top: 20px;}
    .news-img h6{font-size: 34px;}
    .about-title p {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 .en{font-size: 52px; top: -15px;}
    .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 .en{font-size: 44px;}
    .about-title h6{font-size: 44px;}
    .about-title i {margin-top: 18px;width: 54px;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 {margin-top: 28px;}
    .about-title span {font-size: 16px;margin-top: 16px;}
    .about-num ul li span,.about-num ul li i {font-size: 48px;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 .en {font-size: 44px;}
    .pub-title h6 {font-size: 44px;}
    .pub-title i{margin: 18px auto 0;width: 72px;height: 8px;}
    .product-img{min-height: 560px;}
    .about-img img{min-height: 500px;}
}

@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 .en{font-size: 38px;}
    .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: 16px;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 .en {font-size: 38px; top: -10px;}
    .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 .en{font-size: 32px;}
    .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 .en {font-size: 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{width:100%;height:auto}
    .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: 240px; margin-top: 240px; width: 100%;}
    .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-rimg { min-height: 390px;}
    .about-words {padding-left: 4%; padding-right: 4%;}
    .about-title .en {font-size: 28px;}
    .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 .en {font-size: 28px;}
    .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; font-size:14px; line-height:20px;}
    .case-img-pc{display: none;}
    .case-img-mb{display: block;}

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