@charset "utf-8";
/*首页--banner*/
.swiper-container .swiper-wrapper{ transition-delay:.1s; }
.swiper-container { width:100%; margin:auto; }
.swiper-slide .bantxt{ position:absolute; z-index:999; left:10%; top:50%; opacity:0; transition:all .4s; color:#fff; width:80%; text-align:center;}
@media screen and (max-width:760px) {
.swiper-slide .bantxt{ width:90%; left:5%;}
}
.swiper-slide .bantxt p{ margin:0 auto; line-height:1.5; text-align:left;}
.swiper-slide .bantxt p b{ display:block; line-height:2;}
.swiper-slide .bantxt p span{ display:block; max-width:640px;}
.swiper-slide .bantxt em{ line-height:2; margin-bottom:15px; font-weight:700; border-bottom:1px rgba(255,255,255,0.5) solid; display:inline-block; padding:0 5%; color:#51c2bf;}
.swiper-slide .bantxt span{ display:block; line-height:1.5; }
.ani-slide .bantxt{ opacity:1; transform: translateY(-50%); top:50%;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ font-size:16px; color:#fff;}
.swiper-pagination-current{ font-size:21px;}
@media screen and (min-width:1200px) {
.swiper-slide img.myban{ display:block; width:100%;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.swiper-slide img.myban{ display:block; width:130%;}
}
@media screen and (max-width:960px) {
.swiper-slide img.myban{ display:block; width:180%;}
.swiper-slide .bantxt span{ line-height:1;}
}


.indpro { position: relative; padding:2% 0;}
.indpro_list{ position: relative; overflow: hidden; z-index: 0; margin-top:20px;}
.indpro_list li{ box-sizing: border-box;}
.indpro_list li a{ display:block; text-align:center;}
@media screen and (min-width:1200px) {
.indpro_list li{ width:calc(33.33% - 24px); float:left; margin-right:36px; margin-bottom:30px;}
.indpro_list li:nth-child(3n+0){ margin-right:0;}
.indpro_list li .ppimg{ height:330px;}
.indpro_list li .ppimg img{ max-width:100%; max-height:100%;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.indpro_list li{ width:calc(50% - 20px); float:left; margin-right:40px; margin-bottom:30px;}
.indpro_list li:nth-child(2n+0){ margin-right:0;}
.indpro_list li .ppimg{ height:330px;}
.indpro_list li .ppimg img{ max-width:100%; max-height:100%;}
}
@media screen and (max-width:960px) and (min-width:640px) {
.indpro_list li{ width:calc(50% - 20px); float:left; margin-right:40px; margin-bottom:30px;}
.indpro_list li:nth-child(2n+0){ margin-right:0;}
.indpro_list li .ppimg{ height:280px;}
.indpro_list li .ppimg img{ max-width:100%; max-height:100%;}
}
@media screen and (max-width:640px) {
.indpro_list li .ppimg img{ width:100%;}
}
.indpro_list li .ppimg{ overflow:hidden; position:relative; background:#f8f8f8; padding:25px;}
.indpro_list li .ppimg img{ mix-blend-mode: multiply; transition: all 0.3s;}
.indpro_list li:hover img{ transform: scale(1.05); }
.indpro_list li em{ display:block; color:#111; font-weight:700; line-height:2.5; transition: all 0.3s;}
.indpro_list li:hover em{ color:#2d68b1;}
.indpro_list li i{ color:#666; border-bottom:1px #666 solid; display:inline-block; padding-bottom:3px; transition: all 0.3s;}
.indpro_list li:hover i{ color:#51c2bf; border-bottom:1px #51c2bf solid;}

.indfan{ padding:3% 0 5%; background:url(../images/bg2.jpg) center no-repeat; background-size:cover;}
.indfan .indtitle span,.indfan .indtitle p{ color:#fff;}
.indfan_list{ position:relative; margin-top:3%;}
.indfan_list li{ text-align:center; color:#fff;}
@media screen and (min-width:960px) {
.indfan_list li{ width:22%; float:left; margin-right:4%;}
.indfan_list li:nth-child(4n){ margin-right:0;}
.indfan_list li img{ margin:25px auto;}
}
@media screen and (max-width:960px) {
.indfan_list li{ width:48%; float:left; margin-right:4%;}
.indfan_list li:nth-child(2n){ margin-right:0;}
.indfan_list li img{ margin:15px auto;}
}
.indfan_list li img{ display:block; width:25%; max-width:90px;}
.indfan_list li em{ line-height:2.5;}
.indfan_list li p{ text-align:left;}

.indabout{ padding:2% 0 4%;}
.indabout_img img{ width:100%;}
@media screen and (min-width:960px) {
.indabout_img{ width:50%; float:left;}
.indabout_con{ width:45%; float:right; margin-right:30px; box-sizing: border-box; padding-top:4%;}
}
.indabout em{ display:block; font-weight:700; color:#2d68b1; line-height:2;}
.indabout i{ line-height:1.5; display:inline-block; margin:5px 0 25px;}
.indabout div{ font-family:"roboto"; color:#333; line-height:2;}

.indcase{ padding:3% 0; background:#ebf0f5; text-align:center;}
.swiper-cases{ overflow:hidden;}

.indnews{ padding:2% 0 3%;}
.indnews .symain{ margin-top:15px;}
@media screen and (min-width:960px) {
.indnews_lt{ width:50%; float:left;}
.indnews_rig{ width:45%; float:right;}
}
@media screen and (max-width:960px) {
}

.ltimg{ max-height:480px; overflow:hidden; position:relative;}
.ltimg img{ display:block; width:100%;}
.indnews_lt p{ padding:15px 35px; background:url(../images/jt01.png) #f8f8f8 right 5% center no-repeat;}
.indnews_lt p em{ display:block; line-height:2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;}
.indnews_lt p span{ color:#51c2bf;}

.indnews_rig li{ position:relative; padding-left:calc(33% + 30px); margin-bottom:25px; padding-bottom:15px;}
.rigimg{ width:33%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.rigimg img{ object-fit:cover; height:100%; width:100%; position:relative;}
.indnews_rig li em{ line-height:1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;}
.indnews_rig li p{ color:#888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin:8px 0 15px;}
.indnews_rig li i{ color:#51c2bf;}