@charset "utf-8";

/* ===================首页样式========================== */

.banner{width: 100%;overflow: hidden;position: relative;}

.banner .swiper-container {height: 100%;}

.banner .banner-item{width: 100%;height: 100%;position: relative;}

.banner .banner-item .banner-img-bg{width: 100%;background-position: center bottom;height: 100%;min-height: 740px;background-repeat: no-repeat;background-size: cover;}

.banner .banner-item .banner-img{width: 100%;height: 100%;}

.banner .banner-item .banner-img img{width: 100%;height: 100%;object-fit: cover;}

.banner .banner-item .banner-img img.pc{display: block;}

.banner .banner-item .banner-img img.mb{display: none;}

.banner .swiper-pagination{bottom: 20px;width: 100%;left: 0;right: 0;margin: 0 auto;text-align: center;}

.banner .swiper-pagination-bullet {width: 10px;height: 10px;border-radius: 10px;background: #fff;opacity: .5;position: relative;}

.banner .swiper-pagination-bullet-active {opacity: 1;background: #fff;}

.banner .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background: #ee3f4d;width: 0;height: 4px;z-index: 1;transition: 0s;}

.banner .swiper-pagination-bullet.active:before{width: 100%;transition: all 3.2s ease;}





.index-intro {width: 100%; padding: 80px 0px; overflow: hidden; position: relative;}

.index-intro .intro-img {width: 40%;float: left;text-align: center;}

.index-intro .intro-img img {max-width: 100%;}

.index-intro .intro-cont {float: right;width: 60%;}

.index-intro .intro-cont h3 {color: #323232;font-size: 42px;font-weight: bold;margin-top: 50px;} 

.index-intro .intro-cont h4 {color: #323232;font-size: 32px;font-weight: lighter;margin-top: 5px;} 

.index-intro .intro-cont .text {color: #323232; font-size: 16px; padding: 5px; margin-top: 50px; margin-bottom: 25px; font-weight: lighter; line-height: 26px; }

.index-intro .intro-cont a.moreLink {width: 148px; height: 38px; line-height: 36px; display: block; text-align: center; border-radius: 20px; background-color: #dcdcdd; margin-top: 30px; }



.index-cases {margin-bottom: 80px;}

.index-cases .cases-list .huaru {position: relative;height: 0;padding-bottom: 75%;overflow: hidden;}

.index-cases .cases-list .huaru img {display: block;width: 100%;height: 100%;position: absolute;object-fit: cover;}

.index-cases .cases-list .huaru:hover .info {opacity: 1; transition: 0.5s ease all; }

.index-cases .cases-list .huaru:hover .info h3 {transform: translateX(0px);}



.index-cases .cases-list .huaru .info {position: absolute; width: 100%; height: 100%; background-color:#282828; z-index: 3px; top: 0; opacity: 0; }

.index-cases .cases-list .huaru .main {position: absolute; top: 50%; margin-top: -100px; margin-left: 10%; }

.index-cases .cases-list .huaru .main h3 {font-size: 45px; color: #fff; }

.index-cases .cases-list .huaru .main p {font-size: 14px; color: #fff; margin-top: 10px; }

.index-cases .cases-list .huaru .main a {display: block;font-size:12px;color: #fff;width:120px; height:32px; line-height:30px; border-radius: 30px;border:1px solid #fff;margin-top: 20px;text-align:center;}


/*.index-cases .cases-list .al50 {width: 50%; float: left;}

.index-cases .cases-list .al100 {width: 100%; float: left; margin-top: 20px; position: relative;}

.index-cases .cases-list .al49 {width:50%; float: left; margin-top: 20px;position: relative; }

.index-cases .cases-list .al32 {width: 33.3333333%; float: left; margin-top: 20px; position: relative;}*/

.index-cases .cases-list li {width: 33.3333333%; float: left; margin-top: 20px; }
.index-cases .cases-list li:nth-child(1),
.index-cases .cases-list li:nth-child(2),
.index-cases .cases-list li:nth-child(3),
.index-cases .cases-list li:nth-child(4) {
	width: 50%;
	margin-top: 0;
}
.index-cases .cases-list li:nth-child(5) {
	width: 100%;
}
.index-cases .cases-list li:nth-child(5) .huaru {padding-bottom: 0;height: auto;}
.index-cases .cases-list li:nth-child(5) .huaru img {height: auto;position: static;}

.index-cases .cases-list li:nth-child(6),
.index-cases .cases-list li:nth-child(7) {
	width: 50%;
}



.index-slogan {width: 100%;min-height: 540px;background-color: #232323;position: relative;margin-bottom: 80px;}

.index-slogan img {display: block;margin: auto;}

.index-slogan .sloganSwiper {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;}

.index-slogan .sloganSwiper .swiper-slide {display: flex;align-items: center;justify-content: center;}

.index-slogan .sloganSwiper .swiper-slide .info {color: #fff;text-align: center;}

.index-slogan .sloganSwiper .swiper-slide .info h3 {color: #fff; font-size: 64px; margin-bottom: 50px; font-weight: lighter;}

.index-slogan .sloganSwiper .swiper-slide .info p {text-align: center; color: #fff; font-size: 22px; line-height: 48px; font-weight: lighter; }

.index-slogan .sloganSwiper .swiper-slide .info .more {width: 128px; height: 32px; line-height: 30px; display: block; font-size: 12px; text-align: center; color: #fff; margin: 0 auto; border-radius: 20px; border: 1px solid #fff; margin-top: 40px; }

.index-slogan .sloganSwiper .swiper-pagination {bottom: 30px;}

.index-slogan .sloganSwiper .swiper-pagination .swiper-pagination-bullet {width: 56px; height: 3px; background-color: #ffffff; border-radius: 0; cursor: pointer; margin: 0px 10px; }





.index-works {width: 100%;margin-bottom: 80px;}

.index-works .works-row {width: 50%;float: left;position: relative;}

.index-works .works-row img {display: block;width: 100%;}

.index-works .works-row .works_cont {display: flex;flex-direction: column;position: absolute;top: 0%;padding: 11% 0px;width: 100%;height: 100%;margin: 0 auto;text-align: center;
    /*background:linear-gradient(180deg, rgba(107, 171, 167, 0.35), rgba(107, 171, 167,0.125), rgba(255, 255, 255, 0));*/
}

.index-works .works-row:nth-child(2n) .works_cont {top: auto;bottom: 0%;justify-content: flex-end; 
    /*background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(255, 255, 255, 0.125), rgba(255, 255, 255, 0));*/
}





.index-works .works-row .works_cont h3 {color: #ffffff;font-size: 32px; margin-bottom: 10px; text-align: center; font-weight: lighter; }

.index-works .works-row .works_cont p {color: #ffffff; font-size: 14px; line-height: 22px; text-align: center; font-weight: lighter; }

.index-works .works-row .works_cont a.more {width: 128px; height: 32px; line-height: 30px; display: block; font-size: 12px; text-align: center; color: #ffffff; margin: 0 auto; border-radius: 20px; border: 1px solid #ffffff; margin-top: 20px; }



.index-news {width: 100%;margin-bottom: 80px;}

.index-news .news-left {width: 50%;float: left;padding-right: 5%;}

.index-news .news-left .head {margin-bottom: 20px;}

.index-news .news-left .head a {display: block;width: 160px;height: 38px;line-height: 36px;text-align: center;font-size: 18px;border: 1px solid #232323;border-radius: 38px;}

.index-news .news-left .news-hot .news-img{width: 100%;height: 210px;overflow: hidden;}
.index-news .news-left .news-hot .news-img img {width: 100%;height: 100%;object-fit: cover;}
.index-news .news-left .news-hot .news-title {color: #727171;font-size: 18px;margin: 10px 0px 5px;}

.index-news .news-left .news-hot .news-date {color: #727171;font-size: 14px;margin-bottom: 10px;} 

.index-news .news-left .news-hot .news-desc {color: #727171;font-size: 14px;height: 64px; font-weight: 300;} 

.index-news .news-left .news-hot:hover .news-title {color:#ec1515;}



.index-news .news-right {width: 50%;float: right;}

.index-news .news-right .news-list {width: 100%;position: relative;}

.index-news .news-right .news-list:before {content: '';display: block; position: absolute; left: 20%; width: 2px; height: 100%; background-color: #cfd0d0; }

.index-news .news-list .news-item {display: block;}

.index-news .news-list .news-item .news-date {float: left;width: 20%;color: #727171;font-size: 14px;line-height: 30px;text-align: right;padding-right: 20px;} 

.index-news .news-list .news-item .news-info {float: left;width: 80%;padding-bottom: 55px;padding-left: 20px;position: relative;}

.index-news .news-list .news-item .news-title {color: #727171;font-size: 18px;margin: 0px 0px 10px;line-height: 30px;}

.index-news .news-list .news-item .news-desc {color: #727171;font-size: 14px;height: 42px; font-weight: 300;} 

.index-news .news-list .news-item .news-info:before {content: '';display: block; position: absolute; left: 0; width: 2px; height: 0; background-color: #4a4746; }

.index-news .news-list .news-item:hover .news-info:before {height: 100%;transition: all ease 0.3s;}

.index-news .news-list .news-item:hover .news-title {color:#ec1515; cursor: pointer;} 





.index-service {padding: 80px 0px;background: #3f3a3a;}

.index-service .index-title {float: left;width: 15%;}

.index-service .index-title .index-title-name {margin-top: 10px;}

.index-service .index-title .index-title-name .index-title-name-h6 {display: block; width: 160px; height: 38px; line-height: 36px; text-align: center; color: #ffffff; font-size: 18px; border: 1px solid #ffffff; border-radius: 38px; }

.index-service .index-service-list {float: left;width: 85%;}

.index-service .index-service-list ul li{ color: #f7f8f8; line-height:60px; float: left; width: 20%; font-size:20px; text-align:left;}



.index-pic a {display: block;position: relative;}

.index-pic a img {display: block;margin: auto;}

.index-pic .index-pic-cont {position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;padding: 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;}

.index-pic .index-pic-cont .index-pic-cont-h4 {color: #ffffff;font-size: 34px;margin-bottom: 25px;}

.index-pic .index-pic-cont p {color: #ffffff;font-size: 18px;}

.index-pic .index-pic-cont p i {color: #ec1515;font-weight: 600;}





/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {

    /* 1600 × (900) */

}



@media all and (max-width:1599px) {

    /* 1440 × (700)  */

}



@media all and (max-width:1439px) {

    /* 1360 */

}



@media all and (max-width:1359px) {

    /* 1280 */

}





@media all and (max-width:1279px) {

     /* 1152 × (700) */

}





/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {

    /* 平板设备 720 适配 */

    .banner {margin-top: 60px;}

	.banner .banner-item .banner-img-bg {display: none;}

	.banner .banner-item .banner-img img.mb {display: block;}



    .index-intro {padding: 40px 0px;}

    .index-intro .intro-img {display: none;}

    .index-intro .intro-cont {width: 100%;}

    .index-intro .intro-cont h3 {margin-top: 0;font-size: 24px;}

    .index-intro .intro-cont h4 {font-size: 18px;}

    .index-intro .intro-cont .text {font-size: 14px;margin-top: 25px;margin-bottom: 10px;}

    .index-intro .intro-cont a.moreLink {font-size: 12px;height: 30px;line-height: 28px;}

	

	.index-cases .cases-list .huaru .main {top: 0;margin-top: 0;margin-left: 0;;padding: 10px;}

	.index-cases .cases-list .huaru .main h3 {font-size: 16px;}

	.index-cases .cases-list .huaru .main a {display: inline-block; width: auto; height: 26px; line-height: 24px;padding: 0px 10px;}



	.index-cases .cases-list .al100 {margin-top: 10px;}

	.index-cases .cases-list .al49 {margin-top: 10px;}

	.index-cases .cases-list .al32 {margin-top: 10px;}



    .index-works {margin-bottom: 40px;}

    .index-works .works-row {width: 100%;}



	.index-slogan {height: 450px;min-height: auto;}

    .index-slogan img {height: 100%;object-fit: cover;}

    .index-slogan .sloganSwiper .swiper-slide .info h3 {font-size: 24px;}

    .index-slogan .sloganSwiper .swiper-slide .info p {font-size: 16px;}

	

	.index-works .works-row .works_cont {padding: 0px 20px;}

	.index-works .works-row .works_cont h3 {font-size: 24px;}





    .index-news {margin-bottom: 40px;}

    .index-news .news-left {width: 100%;padding-right: 0;margin-bottom: 25px;}



    .index-news .news-right {width: 100%;}

    .index-news .news-right .news-list:before {display: none;}

    .index-news .news-list .news-item {border-top: 1px solid #eee;padding-top: 20px;}

    .index-news .news-list .news-item .news-date {width: 100%;text-align: left;}

    .index-news .news-list .news-item .news-info {width: 100%;padding-bottom: 25px;padding-left: 0px;}

    .index-news .news-list .news-item .news-info:before {display: none;}



    .index-service {padding: 40px 0px;}

    .index-service .index-service-list {width: 100%;}

    .index-service .index-service-list ul li {width: 33.3333333%;font-size: 14px;line-height: 24px;padding: 5px 5px 5px 0px;margin-top: 10px;}





    .index-pic a {display: block;position: relative;}

    .index-pic a img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}

    .index-pic .index-pic-cont {position: relative;padding: 40px;}

    .index-pic .index-pic-cont .index-pic-cont-h4 {font-size: 24px;}

    .index-pic .index-pic-cont p {font-size: 16px;}

    

}

@media all and (max-width:640px) {

    /* 移动终端以上 360 适配 */



}