@charset "utf-8";
/* 通用 */
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-container .swiper-slide{z-index: 22;}

/* banner */
.zc-index-banner {background: #000;}
.zc-index-banner a {display: block;width: 100%;height:100%;overflow: hidden;position: relative;}
.zc-index-banner a .text { position: absolute;left:8%;top: 50%;width:82%;height: 290px; margin-top: -90px;z-index: 33;}
.zc-index-banner a .text h3{ color: #fff;font-size: 20px;text-transform: uppercase;position: relative;font-weight: normal;}
.zc-index-banner a .text h2{ color: #fff;font-size: 60px;padding-bottom:8px; font-weight: bold;}
.zc-index-banner a .text h4{ color:#fff;font-size: 16px;font-weight: normal;}
.zc-index-banner a .text line { display: block;width: 100px;height: 2px;background: #fff;margin-top: 80px;}
.zc-index-banner a .pic {position: relative;}
.zc-index-banner a .pic img {display: block;width: 100%;height: auto;}
.zc-index-banner .swiper-pagination {left:8%;text-align: left;bottom:8%;}
.zc-index-banner .swiper-pagination span{border-radius:0;background: #fff;opacity: .5;width:40px;height: 2px;margin-right: 20px!important;}
.zc-index-banner .swiper-pagination-bullet-active{opacity: 1!important;}
.zc-index-banner .swiper-slide a.left .text h3{ transform:translateX(200px);opacity:0;transition:all .4s;}
.zc-index-banner .swiper-slide a.left .text h2{ transform:translateX(200px);opacity:0;transition:all .6s;}
.zc-index-banner .swiper-slide a.left .text h4{ transform:translateX(200px);opacity:0;transition:all .9s;}
.zc-index-banner .swiper-slide a.left .text h6{ transform:translateX(200px);opacity:0;transition:all 1.2s;}
.zc-index-banner .swiper-slide.swiper-slide-active a.left .text h3,
.zc-index-banner .swiper-slide.swiper-slide-active a.left .text h2,
.zc-index-banner .swiper-slide.swiper-slide-active a.left .text h4{ transform:translateX(0px);opacity:1;}
.zc-index-banner .swiper-slide a.center .text{position: absolute;left:9%;top: 50%;width:82%;}
.zc-index-banner .swiper-slide a.center * {text-align: center;}
.zc-index-banner .swiper-slide a.center line {margin: 80px auto auto auto;}
.zc-index-banner .swiper-slide a.center .text h3{ transform:translateY(200px);opacity:0;transition:all .4s;}
.zc-index-banner .swiper-slide a.center .text h2{ transform:translateY(200px);opacity:0;transition:all .6s;}
.zc-index-banner .swiper-slide a.center .text h4{ transform:translateY(200px);opacity:0;transition:all .9s;}
.zc-index-banner .swiper-slide a.center .text h6{ transform:translateY(200px);opacity:0;transition:all 1.2s;}
.zc-index-banner .swiper-slide.swiper-slide-active a.center .text h3,
.zc-index-banner .swiper-slide.swiper-slide-active a.center .text h2,
.zc-index-banner .swiper-slide.swiper-slide-active a.center .text h4{ transform:translateY(0px);opacity:1;}
.zc-index-banner .swiper-slide a.right .text{position: absolute;left:auto;right:9%;top: 50%;width:82%;text-align: right;}
.zc-index-banner .swiper-slide a.right .text line {display: inline-block;clear:both;}
.zc-index-banner .swiper-slide a.right .text h3{ transform:translateX(-200px);opacity:0;transition:all .4s;}
.zc-index-banner .swiper-slide a.right .text h2{ transform:translateX(-200px);opacity:0;transition:all .6s;}
.zc-index-banner .swiper-slide a.right .text h4{ transform:translateX(-200px);opacity:0;transition:all .9s;}
.zc-index-banner .swiper-slide a.right .text h6{ transform:translateX(-200px);opacity:0;transition:all 1.2s;}
.zc-index-banner .swiper-slide.swiper-slide-active a.right .text h3,
.zc-index-banner .swiper-slide.swiper-slide-active a.right .text h2,
.zc-index-banner .swiper-slide.swiper-slide-active a.right .text h4{ transform:translateX(0px);opacity:1;}
.zc-index-banner .swiper-slide a.none  .text {display: none;}

/* products */
.ny-index-product {padding: 7% 0 5% 0;overflow: hidden;}
.ny-content {width: 92%;margin: auto;position: relative;overflow: hidden;}
.ny-content-top {position: relative;}
.ny-title {position: relative;overflow: hidden;}
.ny-index-product-type {padding: 3% 0 0 0;overflow: hidden;}
.ny-index-product-type-item {width: 100%;overflow: hidden;position: relative;cursor:pointer;}
.ny-index-product-type-item .top {position: absolute;width: 100%;height: 100%;padding: 10%;overflow: hidden;box-sizing: border-box;z-index: 10;color: #fff;}
.ny-index-product-type-item * {transition: all .4s ease;}
.ny-index-product-type-item .title-1::before {content: '';width: 20px;height: 3px;background: #fff;margin-bottom: 20px;display: block;transition: all .4s ease;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #000;}
.img-block {display: block;width: 100%;height: auto;}
.ny-content-top-right {position: absolute;right: 0;top: 11px;width: 350px;}
.ny-content-top-swiper-leftright {position: relative;float: right;width: 185px;height: 50px;border: 1px solid #e2e3e5;}
.ny-content-top-swiper-leftright::before {content: '';width: 1px;height: 24px;background: #e2e3e5;position: absolute;top: 50%;left: 50%;margin-top: -12px;}
.ny-content-top .swiper-product-next, .ny-content-top .swiper-product-prev {position: absolute;top: 50%;margin-top: -25px;width: 50%;height: 50px;cursor: pointer;opacity: .5;outline: none;}
.ny-content-top .swiper-product-next {right: 0;background: url('../images/right1.png') center no-repeat;}
.ny-content-top .swiper-product-prev {left: 0;background: url('../images/left1.png') center no-repeat;}
.swiper-product-pagination {width: 50%;position: absolute;left: 0;top: 15px;}
.swiper-product-pagination {font-size: 18px;color: #b8becc;}
.swiper-product-pagination span.swiper-pagination-current {color: #003281;}
.swiper-product-pagination span.swiper-pagination-total {color: #b8becc;}
/*
.ny-index-product-type-item:hover .img  {opacity: .6;transform:scale(1.1);}
.ny-index-product-type-item:hover {background: #000;}
*/


/* brand */
.zc-index-content {padding:60px 0 0px 0;overflow: hidden;}
.zc-index-content .zc-content{width: 92%;margin: auto;}

.zc-title{position: relative;}
.zc-title h2 {font-size: 40px;font-weight: bold;text-transform: uppercase;}
.zc-title line {display: block;width: 45px;height: 2px;background: #3876df;margin:15px 0;}
.zc-title h3 {font-size: 30px;color: #afafaf;font-weight: normal;}

.zc-index-brand {position: relative;overflow: hidden;}
.zc-index-brand .zc-top,.zc-index-brand .zc-bottom {width:80%;height: 60px;background: #f3f3f3;}
.zc-index-brand .zc-center {position: relative;overflow: hidden;}
.zc-index-brand .zc-center .zc-left {width:44%;padding:0 6% 2% 6%;float: left;overflow: hidden;position: relative;z-index: 3;}
.zc-index-brand .zc-center .zc-text  {font-size: 16px;line-height: 30px; color: #868686;padding: 45px 0;overflow: hidden;width:100%;text-align: justify;}

.zc-more  {position: relative;padding-right: 30px;overflow: hidden;}
.zc-more a {color: #3876df;font-size: 16px;position: relative;display:block;float: left;padding: 10px 0;}
.zc-more a::after {content: '';width:100%;height: 1px;display: block;background: #3876df;position: absolute;right: 0;bottom: 0;}
.zc-more a::before{content: '';width:0;height: 1px;display: block;background: #3876df;position: absolute;left: 0;bottom: 0;}
.zc-more a:hover::after {-webkit-animation: widthain1 500ms 1 ease forwards;animation: widthain1 500ms 1 ease forwards;}
.zc-more a:hover::before {-webkit-animation: widthain2 500ms 1 500ms ease forwards;animation: widthain2 500ms 1 500ms ease forwards;}
@keyframes widthain1{0%{width:100%;} 100%{width:0;}}
@keyframes widthain2{0%{width:0;} 100%{width:100%;}}
.zc-more a i {display:block;width: 20px;height: 20px;position:absolute;right: -30px;top: 12px;text-align: right;}
.zc-more a i::before {content: '\e60d';font-family: 'font_family';font-size: 20px;line-height: 20px; color: #3876df;display: block;}

.zc-index-brand .zc-center .zc-right {width:44%;float: left;background: #000;overflow: hidden;position: relative;z-index: 3;}
.zc-index-brand .zc-center .zc-right img {display: block;margin: auto;}
.zc-index-brand .zc-center .zc-right ul{display: table;width: 100%;} 
.zc-index-brand .zc-center .zc-right ul li{}
.zc-index-brand .zc-center .zc-bg1 {width:80%;height:100%;background: #f3f3f3;position: absolute;left: 0;top: 0;}

/* news */
.zc-index-news {padding: 10px 0 100px 0 ;overflow: hidden;position: relative;}
.zc-index-news .zc-more {position: absolute;top:10px;right: 0;}
.zc-index-news .zc-more a {color: #999;}
.zc-index-news .zc-more a::after,.zc-index-news .zc-more a::before {background:#999;}
.zc-index-news .zc-more a i::before {color: #666;}

.zc-news3  {overflow: hidden;padding-top: 50px;}
.news3 {float: left;width: 32.6%;position: relative;margin-right:1%;overflow: hidden;}
.news3 a{display: block;background: #f7f7f7;overflow: hidden;}
.news3 a .zc-pic{background-color: #000;position: relative;overflow: hidden;background-size: cover;}
.news3 a .zc-pic ul {display: table;width: 100%;height: 100%;}
.news3 a .zc-pic ul li{display: table-cell;vertical-align: middle;}
.news3 a .zc-pic img {display: block;margin: auto;width: 100%;opacity: 0;}
.news3 a .zc-text{padding: 5%;overflow: hidden;}
.news3 a .zc-text h4{font-size: 18px;font-weight: normal;color:#2e2e2e;padding-bottom: 10px;}
.news3 a .zc-text h5{font-size: 14px;line-height: 24px; height:48px;font-weight: normal;color:#2e2e2e;padding-bottom: 20px;}
.news3 a .zc-text h6{font-size: 14px;font-weight: normal;opacity: .6;position: absolute;right: 5%;bottom:25px;font-family: Arial;}
.news3 a .zc-text span.more{font-size: 14px;opacity: .8;}
.news3 a .zc-text span.more::after {content: '\e60d';font-family: 'font_family';font-size: 15px;line-height: 24px; color: #666;display: inline-block;vertical-align: middle;}
.news3 a:hover {background: #3876df;}
.news3 a:hover .zc-text h4{color: #fff;}
.news3 a:hover .zc-text h5{color: #fff;} 
.news3 a:hover .zc-text h6{color: #fff;} 
.news3 a:hover .zc-text span.more{color: #fff;} 
.news3 a:hover .zc-text span.more::after {color: #fff;} 

/* min&&max */
.zc-index-brand .zc-center .zc-right {max-height: 554px;}
.product4 {min-height: 300px;max-height: 300px; }
.product4 a .pic{min-height:110px;max-height:110px;}
.news3 a .zc-text h5 {text-overflow: ellipsis;overflow: hidden;}
.news3 a .zc-pic{min-height: 299px;max-height: 300px;}
.zc-index-solution-li .zc-text {min-height: 440px;}