/*
* Power by www.826pc.com
*/
.indcontainer{width: 1520px;margin: 0 auto;}
.indtitle{width: 100%;text-align: center;}
.indtitle_back{padding-top: 50px;}
.indtitle h6{font-size: 36px;color: #030303;font-weight: bold;}
.indtitle p{font-size: 18px; color: #666; text-align: center; margin-top: 20px;}


.banner-container{width: 100%;overflow: hidden;}
.banner{width: 100%;position: relative;}
.banner-img{width: 100%;overflow: hidden;}
.banner-img img{width: 100%;object-fit: cover;height: auto;}
.banner-pc-img{display: block;min-height: 660px;}
.banner-mobile-img{display: none;}
.banner-words{width: 60%;position: absolute;left: 20%;top: 50%; padding:20px;text-align: center;transform: translate(0,-50%); background: rgba(0,0,0,0.2)}
.banner-words h4{font-size: 52px;color: #fefefe;font-weight: bold; padding: 10px 0;
    text-shadow: 3px 5px 5px #040404;
                /* For IE 8 */
                -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#040404')";
                zoom: 1;}
.banner-words h4 span{color: #fff;}
.banner-words h6{width: 100%;overflow: hidden;margin-top: 14px;}
.banner-words h6 span{font-size: 23px;color: #fff;position: relative;padding-left: 20px;margin-right: 24px; display: block; line-height: 1.5; padding: 12px 0;}
/*.banner-words h6 span:before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 100%;border: 2px solid #fff;top: 50%;margin-top: -3px;left: 0;}*/
.banner-words a{display: inline-block;font-size: 18px;color: #fff;margin-top: 62px;position: relative;padding: 4px 0;}
.banner-words a:after{position: absolute;content: "";width: 20px;height: 20px;background: url('../images/arr-right.png') no-repeat center center;top: 50%;right: -24px;margin-top: -10px;}
.banner-words a:before{content: "";position: absolute;width: 0%;height: 1px;background: #fff;left: 0;bottom: 0;transition: all .4s linear;}
.banner-words a:hover:before{width: 100%;}
.swiper-slide-active .banner-words h4 {animation: bannerupT 1s ease both;animation-delay:900ms;}
.swiper-slide-active .banner-words h6 {animation: bannerupT 1s ease both;animation-delay:300ms;}
.swiper-slide-active .banner-words a {animation: bannerupB 1s ease both;animation-delay:600ms;}
@keyframes bannerupT {0% {transform: translateY(-60px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes bannerupB {0% {transform: translateY(60px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
.banner .swiper-pagination{bottom: 54px;}
.banner .swiper-pagination-bullet {width: 14px;height: 14px;display: inline-block;border-radius: 100%;background: transparent;border: 1px solid #41a1ff;opacity: 1;}
.banner .swiper-pagination-bullet-active {opacity: 1;position: relative;}
.banner .swiper-pagination-bullet-active:after {content: "";width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;background-color: #41a1ff;border-radius: 100%;margin-top: -5px;margin-left: -5px;}

.chip-container{width: 100%;background: #f7f7f8;padding-top: 110px;}
.chip-listbox{width: 100%;}
.chip-wordspic {width: 100%;height: 620px;position: relative;margin-top: 56px;}
.chip-pic{width: 100%;height: 500px;overflow: hidden;float: right;}
.chip-pic img{width: 100%;height: 100%;object-fit: cover;}
.chip-words{width: 45%;height: 400px;background: rgba(65,161,255,0.5);padding: 70px 50px 0 50px;position: absolute;left: 0;top: 50px; z-index: 2;}
.chip-words h6{font-size: 25px;color: #fff;font-weight: bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.chip-words p{font-size: 15px;color: #fff;line-height: 35px;margin-top: 20px;height: 100px;overflow: hidden;display: -webkit-box;  text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.chip-words a{display: block;width: 120px;height: 35px;border-radius: 8px;border: 1px solid #fff;font-size: 12px;color: #fff;text-align: center;line-height: 35px;margin-top: 50px;transition: all .3s ease-in-out;}
.chip-words a:hover{background: #41a1ff;color: #fff;border-color: #41a1ff;}
.chip-picwords .chip-pic{float: left;}
.chip-picwords .chip-words{left: auto;right: 0;}

.pro-container{width: 100%;padding: 108px 0 50px;background: #f7f7f8;}
.pro-tablist{width: 100%;margin-top: 52px;}
.pro-tableft{height: 792px;float: left;width: 49.4%;box-shadow: 0 0 6px 2px #e9e9ea;background: #fff;}
.pro-tablpic{height: 660px;width: 100%;padding: 0 50px;text-align: center;line-height: 660px;overflow: hidden;}
.pro-tablpic img{max-width: 100%;}
.pro-tablwords{width: 100%;text-align: center;}
.pro-tablwords h6{font-size: 28px;color: #1e1e1e;font-weight: bold;}
.pro-tablwords a{display: block;width: 120px;height: 38px;border-radius: 30px;border: 1px solid #d3d2d2;font-size: 12px;color: #1e1e1e;text-align: center;line-height: 38px;margin: 14px auto 0;transition: all .3s ease-in-out;}
.pro-tablwords a:hover{background: #41a1ff;color: #fff;border-color: #41a1ff;}
.pro-tabright{width: 49%;float: right;}
.pro-tabright ul {margin-left: -3%;}
.pro-tabright ul li{width: 97%;margin-left: 3%;height: 384px;box-shadow: 0 0 6px 2px #e9e9ea;background: #fff;text-align: center;float: left; margin-top: 24px; display: flex; align-items: center; flex-wrap: wrap}
.pro-tabright ul li:first-child{margin-top: 0;}
.goodsList ul{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 16px}
.goodsList ul li{width: 24%;background: #fff; padding-bottom: 24px;}
.goodsList ul li .pro-tabrpic{width: 100%;}
.goodsList ul li .pro-tabrwords{width: 100%;}
.pro-tabrpic{height: 268px;width: 50%;padding: 0 36px;text-align: center;line-height: 268px;overflow: hidden;}
.pro-tabrpic img{max-width: 100%;}
.pro-tabrwords{width: 50%;text-align: center;}
.pro-tabrwords h6{font-size: 16px;color: #1e1e1e;font-weight: bold;}
.pro-tabrwords a{display: block;width: 120px;height: 38px;border-radius: 10px;border: 1px solid #9acdff;font-size: 12px;color: #0081ff;text-align: center;line-height: 38px;margin: 14px auto 0;transition: all .3s ease-in-out;}
.pro-tabrwords a:hover{background: #0081ff;color: #fff;border-color: #0081ff;}

.case-container{width: 100%;background: #f7f7f8;}
.case-bgwords{width: 100%;overflow: hidden;padding: 240px 0 152px 0;text-align: center;}
.case-bgwords h6{font-size: 44px;width: 100%;color: #fff;font-weight: bold;}
.case-bgwords p{font-size: 18px;color: #fff;line-height: 34px;width: 70%;margin: 30px auto 0;}
.case-bgwords a{display: block;width: 180px;height: 42px;border-radius: 30px;font-size: 12px;color: #1e1e1e;text-align: center;line-height: 42px;margin: 72px auto 0;transition: all .3s ease-in-out;background: #fff;}
.case-bgwords a:hover{background: #41a1ff;color: #fff;}

.item-container{width: 100%;padding-bottom: 94px;background: #f7f7f8;}
.item-picwords{width: 100%;margin-top: 60px;overflow: hidden;position: relative;}
.item-pic{width: 50%;height: 420px;overflow: hidden;}
.item-pic img{width: 100%;height: 100%;object-fit: cover;}
.item-prev,.item-next{width: 60px;height: 120px;user-select: none;cursor: pointer;transition: all .3s ease-in-out;position: absolute;top: 178px;z-index: 6;}
.item-prev{left: 0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;background: rgba(0, 0, 0, .54) url('../images/iteml.png') no-repeat center center;}
.item-next{right: 0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;background: rgba(0, 0, 0, .54) url('../images/itemr.png') no-repeat center center;}
.item-prev:hover{background: rgba(0, 0, 0, 1) url('../images/iteml.png') no-repeat center center;}
.item-next:hover{background: rgba(0, 0, 0, 1) url('../images/itemr.png') no-repeat center center;}
.item-words{width: 50%; padding: 60px 30px; box-sizing: border-box;transition: all .4s ease-in-out;}
.item-words h4{font-size: 30px;color: #1e1e1e;font-weight: bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-bottom: 16px;}
.item-words p{font-size: 15px;color: #666;line-height: 30px; overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.item-words>a{display: block;width: 120px;height: 38px;border-radius: 30px;border: 1px solid #d3d2d2;font-size: 12px;color: #1e1e1e;text-align: center;line-height: 38px;margin: 30px auto 0;transition: all .3s ease-in-out;}
.item-words>a:hover{background: #41a1ff;color: #fff;border-color: #41a1ff;}
.gallery-top .swiper-wrapper{padding-bottom: 80px;}
.item-picwords .swiper-pagination-bullet {border-radius: 100%;background: transparent;opacity: 1;border: 1px solid #000;}
.item-picwords .swiper-pagination-bullet-active {background: #000;}
.swiper-slide-active .item-words{opacity: 1;}
.news-container{width: 100%;padding-bottom: 120px;background: #fff;}
.news-picwords{width: 100%;margin-top: 60px;}
.news-picwords ul{margin-left: -5%;}
.news-picwords ul li{width: 45%;float: left;margin-left: 5%;}
.news-pic{width: 100%;height: 277px;overflow: hidden;border-top-right-radius: 10px;border-top-left-radius: 10px;position: relative;z-index: 3;}
.news-pic img{width: 100%;height: 100%;object-fit: cover;}
.news-words{width: 100%;padding: 30px 0;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.news-words h6{width: 100%;margin-top: 36px;}
.news-words span{display: block;font-size: 13px;color: #666;}
.news-words span i{color: #0081ff; border: 1px solid #cfe7ff; line-height: 1; padding: 0 2px; border-radius: 2px;}
.news-words p{font-size: 22px;font-weight: bold;color: #282828;margin-top: 8px;height: 58px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-words p a:hover{color: #000;text-decoration: underline;}
.news-more a{display: inline-block;font-size: 16px;color: #999;padding-right: 10px;transition: all .3s ease-in-out;}
.news-more a:hover{padding-right: 42px;color: #000;}
.news-link{width: 100%;}
.news-link h6{width: 100%;}
.news-link h6:nth-child(n+2){margin-top: 52px;}
.news-link span{display: block;font-size: 14px;color: #808080;}
.news-link p{font-size: 18px;font-weight: 400;color: #020202;margin-top: 8px;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-link p a:hover{color: #000;text-decoration: underline;}
.gallery-thumbs{width: 90%; margin: 20px auto;}
.gallery-thumbs .swiper-wrapper{border-bottom: 1px solid #525a78;}
.gallery-thumbs .swiper-slide{color: #fff; font-size: 18px; padding: 20px 0; text-align: center; cursor: pointer;}
.gallery-thumbs .swiper-slide-thumb-active{border-bottom: 1px solid #41a1ff;}
.headerTitle{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #0081ff;}
.title{width: 135px; height: 45px; background: #0081ff; color: #fff; text-align: center; line-height: 45px;}
.client{display: flex; align-items: center; flex-wrap: wrap;}
.client div{width: 18%; margin: 0 1%;}
.client div img{display: block; max-width: 100%; margin: 60px auto 0;}

 .gallery-top .swiper-slide {
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
	.gallery-top  .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}


.item-picwords .swiper-button-next{display: none}
.item-picwords .swiper-button-prev{display: none}

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

@media all and (max-width:1640px) {
    .indcontainer{width: 94%;}
    .news-words{padding: 30px 0;}
}

@media all and (max-width:1460px) {
    .banner-words h4{font-size: 48px;}
    .banner-words h6 span{font-size: 20px;}
    .banner-words a{margin-top: 54px;}
    .chip-container{padding-top: 80px;}
    .pro-container,.item-container{padding: 80px 0;}
    .indtitle h6{font-size: 32px;}
	.indtitle p{font-size: 16px; margin-top: 20px;}
    .chip-pic,.chip-wordspic{height: 520px;}
    .chip-wordspic, .item-picwords, .news-picwords{margin-top: 44px;}
    .chip-words {height: 400px;padding: 52px 40px 0 40px;}
    .item-pic{height: 380px;}
    .news-pic{height: 240px;}
    .news-link h6:nth-child(n+2) {margin-top: 42px;}
    .chip-words h6{font-size: 32px;}
    .pro-tablist {margin-top: 46px;}
    .case-bgwords h6{font-size: 40px;}
    .case-bgwords {padding: 180px 0 150px 0;}
    .item-prev, .item-next{top: 154px;}
    .item-words{padding-top: 46px;}
    .item-words h4{font-size: 26px;padding-bottom: 12px;}
    .news-words{padding: 24px 0;}
    .news-words p {font-size: 20px;margin-top: 6px;height: 54px;}
    .news-container{padding-bottom: 80px;}
    .news-words h6 {margin-top: 32px;}
    .item-words p{line-height: 28px;}
    .chip-words p {line-height: 30px;height: 84px;}
    .news-picwords ul{margin-left: -3%;}
    .news-picwords ul li{width: 47%;float: left;margin-left: 3%;}
}

@media all and (max-width:1380px) {
    .tablist-pic{height: 166px;}
    .tablist-container ul li{height: 420px;}
    .case-list ul li{height: 360px;}
    .news-container {padding: 60px 0 66px 0;}
    .base-container{padding: 72px 0 80px 0;}
    .tablist-words{width: 96%;}
    .chip-container{padding-top: 72px;}
    .pro-container,.item-container{padding: 72px 0;}
    .indtitle h6{font-size: 30px;}
	.indtitle p{font-size: 14px; margin-top: 20px;}
    .chip-wordspic,.pro-tablist{margin-top: 48px;}
    .chip-pic, .chip-wordspic{height: 420px;}
    .chip-words {height: 305px;padding: 20px 28px 0 28px;}
    .chip-words h6{font-size: 30px;}
    .case-bgwords h6 {font-size: 36px;}
    .case-bgwords {padding: 160px 0 120px 0;}
    .item-pic{height: 340px;}
    .news-pic{height: 220px;}
    .news-link h6:nth-child(n+2) {margin-top: 40px;}
    .item-prev, .item-next{top: 134px}
    .banner-words h4 {font-size: 34px;}
    .banner-words h6 span{font-size: 18px;}
    .banner-words a {margin-top: 40px;}
    .news-words p {font-size: 18px;margin-top: 6px;height: 48px;}
    .news-link p {font-size: 16px;margin-top: 6px;line-height: 26px;}
}

@media all and (max-width:1300px) {
    .banner-words h4{font-size: 30px;}
    .banner-words h6 span{font-size: 18px;}
    .banner-words a{margin-top: 44px;}
    .chip-container{padding-top: 60px;}
    .pro-container,.item-container,.news-picwords,.item-picwords{padding: 60px 0;}
    .indtitle h6 {font-size: 28px;}
	.indtitle p{font-size: 14px; margin-top: 20px;}
    .chip-pic, .chip-wordspic{height: 335px;}
    .chip-words{height: 240px;}
    .chip-words h6 {font-size: 26px;}
    .case-bgwords h6 {font-size: 32px;}
    .item-pic {height: 336px;}
    .item-prev, .item-next{top: 114px}
    .news-pic{height: 196px;}
    .news-words p{font-size: 18px;}
    .news-link p{font-size: 16px;}
    .news-link h6:nth-child(n+2) {margin-top: 30px;}
    .item-words{padding-top: 40px;}
    .news-picwords,.item-picwords{margin-top: 0;}
    .item-container{padding-bottom: 0px;}
    .news-container{padding: 0px 0 48px 0;}
    .chip-words a{margin-top: 15px;}
    .pro-tabright ul li:nth-child(n+3){margin-top: 3%;}
    .pro-tableft {height: 786px;width: 49.5%;}
    .case-bgwords p {font-size: 16px;line-height: 28px;margin: 40px auto 0;}
    .news-picwords,.item-picwords {padding-top: 52px;}
    .item-picwords{padding-bottom: 42px;}
    .chip-wordspic, .pro-tablist {margin-top: 48px;}
}

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




@media all and (max-width:1000px) {
    .banner-pc-img{display: none;}
    .banner-mobile-img{display: block;min-height: 300px;}
    .banner .swiper-pagination {bottom: 16px;}
    .banner .swiper-pagination-bullet {width: 10px;height: 10px;}
    .banner .swiper-pagination-bullet-active:after {width: 8px;height: 8px;margin-top: -4px;margin-left: -4px;}
    .banner-words {width: 70%;left: 15%;}
    .banner-words h4{font-size: 24px;}
    .banner-words h6 span{font-size: 14px;margin-right: 12px;}
    .banner-words h6{margin-top: 8px;display: none;}
    .banner-words a{margin-top: 24px;display: none;}
    .chip-container{padding-top: 36px;}
    .pro-container,.item-container,.news-picwords,.item-picwords{padding: 36px 0;}
    .indtitle h6 {font-size: 26px;}
	.indtitle p{font-size: 14px; margin-top: 20px;}
    .chip-wordspic, .pro-tablist {margin-top: 26px;}
    .chip-words{position: static;height: auto;padding: 22px 16px;width: 100%; transform: translate(0); background: rgba(255,255,255,0.8); color: #333}
    .chip-words p{ color: #333 }
    .chip-words h6{ color: #333 }
    .chip-words a{ color: #333; border: 1px solid #ccc; }
    .chip-pic, .chip-wordspic{height: auto;}
    .chip-pic{width: 100%;}
    .chip-words h6 {font-size: 22px;}
    .chip-words a{margin-top: 24px;}
    .pro-tableft{width: 100%;}
    .pro-tableft{height: 424px;}
    .pro-tablpic{height: 300px;line-height: 300px;padding: 0 16px;}
    .pro-tablwords h6 {font-size: 24px;}
    .pro-tabright{width: 100%;margin-top: 16px;}
    .pro-tabright ul {margin-left: -2%;}
  .goodsList ul{margin-left: -2%; margin-top: 0}
    .pro-tabright ul li {width: 48%;margin-left: 2%; margin-top: 0; height: auto;padding-bottom: 24px;}
  .goodsList ul li{width: 48%; margin-left: 2%; margin-top: 16px; height: auto;padding-bottom: 24px;}
    .pro-tabrpic {height: 160px;padding: 0 16px;line-height: 160px; width: 100%;}
    .pro-tabrwords{width: 100%; margin-top: 20px;}
    .pro-tabright ul li:nth-child(n+3){margin-top: 16px;}
    .case-bgwords h6 {font-size: 26px;width: 90%;margin: 0 auto;}
    .case-bgwords p {font-size: 16px;line-height: 26px;width: 90%;margin: 20px auto 0;display: none;}
    .case-bgwords a{margin: 40px auto 0;}
    .case-bgwords{padding: 80px 0;}
    .item-picwords{margin-top: 0;}
    .item-prev, .item-next{display: none;}
  .indtitle_back{padding:0 0 50px 0;}
    .item-pic{height: 150px; width: 100%;}
    .item-words {text-align: left; width: 100%; padding: 20px;}
    .item-words h4{font-size: 24px;width: 100%;white-space: normal;text-overflow: clip;overflow: hidden;}
    .item-picwords .swiper-wrapper {padding-bottom: 60px;}
    .item-container{padding-bottom: 0;}
    .news-container{padding:0 0 10px 0;}
    .news-picwords {margin-top: 0;}
    .news-picwords ul{margin-left: 0;}
    .news-picwords ul li {width: 100%;margin-left: 0%;}
    .news-picwords ul li:nth-child(n+2){margin-top: 20px;}
    .news-pic{height: 210px;}
    .chip-pic img{ height: auto; object-fit: contain; }
    .item-words p{display: block; height: 200px; overflow-y: auto}
    .item-words>a{margin: 24px auto 0;}
    /*.news-picwords ul li:nth-child(n+2){display: none;}*/
  .gallery-thumbs{display: none}
  .gallery-top .swiper-slide{display: block !important;}
  .client div{width: 23%;}
  .client div img{margin: 30px auto 0;}
  
  .item-picwords .swiper-button-next{display: block}
.item-picwords .swiper-button-prev{display: block}
  
}