@charset "utf-8";
/* body{font-family: Poppins;font-weight: normal;} */
/* 轮播 */

.banner img {
  width: 100%;
  display: block;
}
.banner .swiper-pagination {
  bottom: 26px;
}
.banner .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  margin: 0 3px;
  border-radius: 5px;
  background: #fff;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.banner .swiper-pagination-bullet-active {
  width: 30px;
  background: #c30d23;
}


.sban {
    position: relative;
    z-index: 100;
}

.sban .dots {
    position: absolute;
    z-index: 3;
    bottom: 16px;
    left: 0;
    width: 100%;
    text-align: center;
}

.sban .dots li {
    display: inline-block;
    width: 40px;
    height: 6px;
    background: #fff;
    margin: 0 4px;
    font-size: 0;
    line-height: 0
}

.sban .dots li.on {
    background: #c30d23;
}

.show .move {
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

.show .move li {
    cursor: pointer;
    width: 100%;
    display: inline-block;
    position: relative;
}

.show .move li a {
    display: block;
}

.show .move li img {
    display: block;
    width: 100%;
    height: auto;
}


/* 标题 */

.title {
    text-align: center;
    font-family: Poppins;
    margin: 0 0 40px;
}

.title h6 {
    font-size: 48px;
    color: #1a1a1a;
}

.title em {
    display: block;
    background-color: #c30d23;
    width: 30px;
    height: 7px;
    margin: 0 auto 10px;
}

.title p {
    font-size: 16px;
    color: #666;
    font-family: Poppins;
}


/* 产品 */

.pro_main{margin-top: 80px;}
.mian_title h3{font-size: 60px; font-weight: bold; color: #000;text-transform: uppercase;line-height: 60px;}
.mian_title h3 span{color: #c30d23; font-weight: bold;}
.mian_title h4{font-size: 16px; text-transform: capitalize; color: 000;}
.mian_title h4 i{display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: #c30d23; margin-right: 10px;}
.mian_title h4 i:last-child{background: #ed1c24;}
.product_list{margin-top: 40px;}
.inda_gd{ width:100%; max-width:1300px; margin:35px auto 0; float: left;}
.inda_kg{width:30%;margin-bottom:3%;float:left;transition:0.5s;}
/*.inda_kg:nth-child(3n-1){ margin:0 5% 3% 5%;}*/
.inda_kg:nth-child(3n-1){ margin:0 36px;}

.inda_kg:hover{box-shadow:0px 0px 26px rgba(0,0,0,0.4); transition:0.5s;}
.inda_pic{ position:relative; overflow:hidden;}
.inda_pic p{overflow:hidden;}
.inda_pic p img{ display: block; width:100%; transition:0.5s;}
.inda_kg:hover .inda_pic p img{transform:scale(1.1);}
.inda_hover{width:100%; height:100%; position:absolute; left:0; bottom:-100%; background:rgba(0,0,0,0.6); transition:0.8s;}
.inda_kg:hover .inda_hover{ bottom:0; transition:0.8s;}
.inda_logo{ text-align:center; padding-top:20%;}
.inda_more{ margin:20px auto 0 auto; width:110px; height:45px; border:1px solid #c30d23; color:#c30d23; text-align:center; line-height:45px; font-size:0.9375rem; transition:0.5s;}
.inda_kg:hover .inda_more{ background:#c30d23; color:#fff; transition:0.5s;}
.inda_wb{ position:relative;}
.inda_wb p{ font-size: 18px; border:1px solid #e9e9e9; height:55px; padding:0 3%; line-height:55px; color:#6f6f6f; background:url(../images/pro_jth.png) no-repeat 97% center; text-transform: capitalize; transition:0.5s;}
.inda_wb i{ background:#c30d23; height:4px; position:absolute; left:0; top:0; width:100%; display:block; transition:0.5s;}
.inda_kg:hover .inda_wb p{ color:#fff; background:url(../images/pro_jtb.png) no-repeat 97% center; border:1px solid #c30d23; position:relative; z-index:9; transition:0.5s;}
.inda_kg:hover .inda_wb i{ height:100%; transition:0.5s;}

/* 优势 */
.adv_main{background: url(../images/adv_bg.jpg) center no-repeat;position: relative;height: 950px;padding-top: 80px; margin-top: 40px;}
.adv_main .slideTxtBox .hd{width: 1400px; height: 300px; background: #fff; box-shadow: 0px 3px 9.5px 0.5px rgb(64 63 63 / 17%); position: absolute;bottom: -100px;border-radius: 20px;}
.adv_main .slideTxtBox .hd li{width: 25%;border-right: 1px solid #e2e2e2;margin: 95px 0;text-align: center;}
.adv_main .slideTxtBox .hd li:last-child{border: none;}
/* .adv_main .lic::after{content: "";display: inline-block;width: 1px; height: 146px; background: #e2e2e2;} */
.adv_main .slideTxtBox .hd li h4{font-size: 20px; font-weight: bold; color: #000; text-transform: capitalize; margin-top: 20px; }
.adv_main .slideTxtBox .hd li:hover{cursor: pointer;}
.adv_main .slideTxtBox .hd li:hover h4{color: #c30d23;}
.adv_main .slideTxtBox .bd{margin-top: 80px; position: relative;}
.adv_main .slideTxtBox .bd li{position: absolute; top: 0; left: 0; display: none;}
.adv_main .slideTxtBox .bd li:nth-child(1){display: block;}
.adv_main .slideTxtBox .bd li.adv_list3{position: absolute; top: 140px; right: 0; left: inherit;}
.adv_main .slideTxtBox .bd li.adv_list4{position: absolute; top: 140px; right: 0; left: inherit;}
.adv_main_img{width: 244px; height: 250px;border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden;display: flex;justify-content: center; align-items: center;}
.adv_main_img img{max-width: none; overflow: initial;}
.adv_main_txt{width: 700px; height: 265px;overflow: hidden;}
.adv_txt1{background: url(../images/adv_bg1.png) no-repeat;}
.adv_txt2{background: url(../images/adv_bg2.png) no-repeat;}
.adv_txt3{background: url(../images/adv_bg3.png) no-repeat;}
.adv_txt4{background: url(../images/adv_bg4.png) no-repeat;}
.adv_main_right {width: 65%; color: #fff;padding: 0 20px;margin: 58px 0;}
.adv_main_right h4{font-size: 22px; font-weight: bold;}
.adv_main_right p{font-size: 18px; margin-top: 20px;}
.adv_main_number p{width: 60px; height: 60px; background: #fff; color: #000; font-size: 18px; text-align: center; line-height: 60px; border-radius: 50%;}
.adv_number1{position: absolute; top: -185px; left: 0;}
.adv_number2{position: absolute; top: -230px; left: 425px;}
.adv_number3{position: absolute; top: -515px; right: 400px;}
.adv_number4{position: absolute; top: -435px; right: 0;}
.adv_main .slideTxtBox .hd li:hover .adv_main_number p{background: #c30d23; color: #fff;}
.adv_main .slideTxtBox .hd li.lic .adv_main_number p{background: #c30d23; color: #fff;}
.adv_main .slideTxtBox .hd li.lic h4{color: #c30d23;}
.adv_list3 .adv_main_img{margin-top: 15px;}
.adv_list3 .adv_main_right{margin: 65px 0;}
.adv_list4 .adv_main_img{margin-top: 15px;}
.adv_list4 .adv_main_right{margin: 65px 0;}

/* 案例 */
.case_main{margin-top: 180px;}
.case_main .caseTabs {position: relative;margin-top: 40px;}
.case_main .caseTabs:before {content: "";display: block;position: absolute;width: 100%;left: 0;top: 448px;height: 1px;background-color: #e0e0e0;z-index: 0;}
.case_main .caseTabs .case_bd {height: 490px;overflow: hidden;}
.case_main .caseTabs .case_bd ul {margin-right: -50px;}
.case .caseTabs .case_bd ul:after {content: "";display: block;clear: both;font-size: 0;line-height: 0;}
.case_main .caseTabs .case_bd ul li {float: left;width: 430px;margin-right: 50px;}
.case_main .caseTabs .case_bd ul li .item {width: 430px;height: 490px;margin: 0 auto;position: relative;}
.case_main .caseTabs .case_bd ul li .item .pic {display: block;width: 100%;height: 300px;position: relative;overflow: hidden;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case_main .caseTabs .case_bd ul li .item .pic img {display: block;position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;right: 0;top: 0;bottom: 0;margin: auto;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case_main .caseTabs .case_bd ul li .item .cont {height: 190px;position: relative;padding-top: 15px;text-align: center;}
.case_main .caseTabs .case_bd ul li .item .cont .bt {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 38px;line-height: 38px;font-size: 18px;position: relative;}
.case_main .caseTabs .case_bd ul li .item .cont .bt:hover {-webkit-transform: translateX(5px);transform: translateX(5px);}
.case_main .caseTabs .case_bd ul li .item .cont p {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 24px;height: 24px;margin-top: 7px;color: #666666;}
.case_main .caseTabs .case_bd ul li .item .cont .num {font-size: 100px;font-weight: bold;color: rgb(195, 13, 35, .5);z-index: 3;opacity: 0.05;line-height: 78px;margin-top: 25px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case_main .caseTabs .case_bd ul li .item .cont:before {content: "";display: block;position: absolute;z-index: 2;left: 50%;margin-left: 0;top: 148px;width: 0;height: 1px;background-color: #c30d23;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case_main .caseTabs .case_bd ul li .item .cont .pot {position: absolute;width: 8px;height: 8px;background-color: #333333;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;z-index: 2;top: 144px;border-radius: 100%;left: 50%;margin-left: -4px;}
.case_main .caseTabs .case_bd ul li .item:hover .pic img {-webkit-transform: scale(1.1) rotate(0);-moz-transform: scale(1.1) rotate(0);-o-transform: scale(1.1) rotate(0);transform: scale(1.1) rotate(0);}
.case_main .caseTabs .case_bd ul li .item:hover .cont .bt {color: #c30d23;}
.case_main .caseTabs .case_bd ul li .item:hover .cont:before {width: 204px;margin-left: -102px;}
.case .caseTabs .case_bd ul li .item:hover .cont .num {color: #c30d23;opacity: 0.05;}
.case_main .caseTabs .case_bd ul li .item:hover .cont .pot {-webkit-transform: scale(1.2) rotate(0);-moz-transform: scale(1.2) rotate(0);-o-transform: scale(1.2) rotate(0);transform: scale(1.2) rotate(0);background: #fff;box-shadow: 0 0 0 4px #c30d23;}
.case_main .caseTabs .prev {width: 50px;height: 50px;position: absolute;z-index: 2;left: 0;top: 423px;border-radius: 100%;cursor: pointer;background: #e1e1e1 url(../images/casel.png) center center no-repeat;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case_main .caseTabs .prev:hover {background-color: #c30d23;}
.case_main .caseTabs .next {width: 50px;height: 50px;position: absolute;z-index: 2;right: 0;top: 423px;border-radius: 100%;background: #e1e1e1 url(../images/caser.png) center center no-repeat;cursor: pointer;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case_main .caseTabs .next:hover {background-color: #c30d23;}

/* 简介 */
.about_main{background: url(../images/about_bg.jpg) center no-repeat; padding-top: 100px;height: 754px; margin-top: 50px;}
.about_main .about_txt{font-size: 18px; color: #000; line-height: 36px; width: 73%; margin-top: 40px;}
.about_main .about_list{margin-top: 40px;border-top: 1px solid #dcdfe1;position: relative;height: 80px;width: 650px;}
.about_main .about_list ul li{float: left;height: 80px;line-height: 80px;width: 150px;margin-right: 100px;position: relative;}
.about_main .about_list ul li.ab3{margin-right: 0;}
.about_main .about_list ul li a{display: block;padding-left: 45px;font-size: 18px;color: #333333;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.about_main .about_list ul li.ab1 a{background: url(../images/ab1.png) no-repeat  left center;}
.about_main .about_list ul li.ab2 a{background: url(../images/ab2.png) no-repeat  left center;}
.about_main .about_list ul li.ab3 a{background: url(../images/ab3.png) no-repeat  left center;}
.about_main .about_list ul li.on a, .about_main .about_list ul li:hover a{color: #c30d23;}
.about_main .about_list ul li.ab1.on a, .about_main .about_list ul li.ab1:hover a{background: url(../images/ab11.png) no-repeat  left center;}
.about_main .about_list ul li.ab2.on a, .about_main .about_list ul li.ab2:hover a{background: url(../images/ab22.png) no-repeat  left center;}
.about_main .about_list ul li.ab3.on a, .about_main .about_list ul li.ab3:hover a{background: url(../images/ab33.png) no-repeat  left center;}
.about_main .about_list ul li::after{width: 0px;height: 2px;background: #c30d23;position: absolute;left: 0;top: 0;content: "";-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.about_main .about_list ul li.on::after, .about_main .about_list ul li:hover::after{width: 150px;}
.about_main .more{margin-top: 30px;background: #c30d23;width: 180px;height: 56px;border-radius: 45px;line-height: 56px; text-align: center;}
.about_main .more a{display: block;font-size: 18px;color: #ffffff;}
.number_main{background: url(../images/about_bg1.jpg) center no-repeat; height: 220px;display: flex;justify-content: center;align-items: center;}

.number_list li {float: left;text-align: center;color: #fff;width: 25%;/* margin: 58px 0; */}
.number_list li span {font-size: 54px;font-weight: bold;color: #fff;}
.number_list li em {font-size: 32px;font-weight: bold;color: #fff;}
.number_list li p {font-size: 16px;color: #fff;}

/* 客户评价 */
.praise_main{background: #f8f8f8; padding: 80px 0;}
.praise_main_list{margin-top: 30px; display:flex;}
.praise_main_list li{float: left; width: 45%; height: 460px;}
.praise_main_list li:first-child{margin-right: 10%;}
/*140px*/
.material-card {position: relative;height: 460px;overflow: hidden;margin-bottom: 30px;}
.material-card h2 {position: absolute;top: 0;left: 0;width: 100%;background: #c30d23;padding: 10px 16px 10px 90px;color: #fff;font-size: 24px;line-height: 30px;margin: 0;z-index: 10;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.material-card h2 span {display: block;}
.material-card h2 strong {font-weight: 400;display: flex;font-size: 16px;}
.material-card h2 strong p{display: inline-block;margin-left: 10px;margin-top: 2px;}
.material-card h2:after {
    content: ' ';
    position: absolute;
    left: 0;
	bottom: -16px;
    /* top: -16px; */
    width: 0;
    border: 8px solid;
	border-top-color: #990b1b;
	border-right-color: #990b1b;
	border-bottom-color: transparent;
	border-left-color: transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	
}
.material-card .mc-content {background: #eee;position: absolute;right: 0;top: 0;bottom: 16px;left: 16px;padding-top: 80px;  -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.material-card .mc-btn-action {position: absolute;right: 16px;top: 65px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 5px solid;width: 54px;height: 54px;text-align: center;color: #fff;cursor: pointer;z-index: 20;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;background-color: #c30d23;display: flex;justify-content: center;align-items: center;}
.material-card .mc-description {
	font-size: 18px;
	padding: 80px 30px 0;
    overflow: hidden;
    filter: alpha(opacity=0);
    -webkit-transition: all 1.2s;
    -moz-transition: all 1.2s;
    -ms-transition: all 1.2s;
    -o-transition: all 1.2s;
    transition: all 1.2s;
}
.material-card .mc-footer {
	overflow: visible;
	position: absolute;
	top: calc(100% - 80px);
	left: 16px;
	right: 0;
	height: 82px;
	padding-top: 15px;
	padding-left: 25px;
	background: #e3e3e3;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.material-card .mc-footer h4 {
    position: absolute;
    top: -32px;
    left: 30px;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: all 1.4s;
    -moz-transition: all 1.4s;
    -ms-transition: all 1.4s;
    -o-transition: all 1.4s;
    transition: all 1.4s;
	color: #c30d23;
}
.material-card .mc-footer a {
    display: block;
    float: left;
    position: relative;
    width: 52px;
    height: 52px;
    margin-right: 20px;
    margin-bottom: 15px;
    font-size: 28px;
    color: #fff;
    line-height: 52px;
    text-decoration: none;
    top: 0;
	background: #c30d23;
}
.material-card .mc-footer a i{width: 32px; height: 32px; display: block; background: url(../images/icon_bg1.png); margin: 10px 10px;}
.material-card .mc-footer a.fa-facebook i{background-position: 9px -30px;}
.material-card .mc-footer a.fa_linkedin i{background-position: -18px -30px;}
.material-card .mc-footer a.fa_youtube i{background-position: -130px -30px;}
.material-card .mc-footer a:nth-child(1) {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.material-card .mc-footer a:nth-child(2) {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.material-card .mc-footer a:nth-child(3) {
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}
.material-card .mc-footer a:nth-child(4) {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.material-card .mc-footer a:nth-child(5) {
    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
}
.material-card .img-container {
	display: flex;
	justify-content: center;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 12px;
    width: 60px;
    height: 60px;
	border-radius: 50%;
    z-index: 20;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* 新闻 */
.news_main{margin-top: 80px;}
.news_main_list{margin-top: 30px;}
.news_list_top{height: 360px;background: #fbfbfb;display: flex; justify-content: space-between; align-items: center;}
.news_top_img{width: 48%;height: 360px;overflow: hidden;}
.news_top_img img{width: 100%;height: auto;object-fit: cover;transition: all 1s;}
.news_top_txt{width: 50%; padding-right: 30px; padding-left: 30px;}
.news_top_txt h3 a{font-size: 30px; color: #000; font-weight: bold; text-transform: capitalize;transition: all 0.5s ease-out;}
.news_top_txt p{font-size: 16px; color: #000; margin-top: 20px;}
.news_top_more{margin-top: 30px;}
.news_top_more a{display: inline-block; padding: 0 40px;line-height: 50px; font-size: 18px; text-align: center; background: #fff; color: #000; border-radius: 50px;transition: all 0.5s ease-out;}
.news_list_top:hover .news_top_img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.news_list_top:hover h3 a{color: #c30d23;}
.news_list_top:hover .news_top_more a{background: #c30d23; color: #fff;}
.news_top_more span{font-size: 36px; color: #666; font-weight: bold;}
.news_list_bottom{margin-top: 30px;}
.news_list_bottom li{width: 32.66%;height:118px;padding:0 19px;border:solid 1px #e6e6e6;margin-top: 20px; margin-right: 14px; background:#fff;overflow:hidden;float:left;position:relative;-webkit-transition:all .7s;transition:all .7s;}
.news_list_bottom li:nth-of-type(3n){margin-right:0;}
.news_list_bottom li:hover{ border:solid 1px #c30d23;background:#c30d23;-webkit-transition:all .7s;transition:all .7s;}
.news_list_bottom li .news_name{display:block;height:62px;font-size:18px;color:#333;line-height:62px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-transform: capitalize;}
.news_list_bottom li .news_name::before{content:'';width: 100%;height:1px;background:#e6e6e6;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}
.news_list_bottom li .news_name::after{content:'';width:0px;height:1px;background:#c30d23;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}
.news_list_bottom li:hover .news_name::after{content:'';width:100%;height:1px;background:#c30d23;opacity: .3; position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}
.news_list_bottom li:hover a{color: #fff;}
.news_list_bottom li:hover span{color: #fff;}
.news_list_bottom li span{display:block;font-size:14px;color:#666;line-height:10px;position:absolute;bottom:25px;left:19px;}
.news_list_bottom li .news_more{width:70px;text-transform: Uppercase;font-size:14px;color:#333;line-height:10px;background:url(../images/news_jt.png) right center no-repeat;position:absolute;bottom:25px;right:19px;}
.news_list_bottom li:hover .news_more{background: url(../images/news_jt1.png) right center no-repeat;}