/* 通用 */
.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-family: 'Conv_AMSANSL';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;}



.rolling { width: 30px; height: 80px;position:absolute;right:3%;bottom:3%;cursor: pointer;z-index: 10;}
.rolling h6 {font-size: 12px;color: #fff;width: 100px;position:absolute;right:-55px;top:90px;font-weight: normal;text-transform: uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.rolling span { position: relative;width:100%;height:100%; display: block;}
.rolling i{ display: block;height:10px; width: 1px;position:absolute;left:50%;top:10%; margin-left: -1px; background: #fff;animation: height1 1000ms infinite ease-out;-webkit-animation: height1 1000ms infinite ease-out;}
@keyframes height1{
	0%{height:10px;top:10%;opacity: 1;} 
	100%{height:80px;top:85%;opacity: 0;}
}



 

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

.zc-title{position: relative;}
.zc-title h2 {font-size: 40px;font-weight: bold;text-transform: uppercase;color: #e60012;}
.zc-title line {display: block;width: 45px;height: 2px;background: #ef7f00;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:45%;padding:2% 10% 2% 5%;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: #ef7f00;font-size: 16px;position: relative;display:block;float: left;padding: 10px 0;}
.zc-more a::after {content: '';width:100%;height: 1px;display: block;background: #ef7f00;position: absolute;right: 0;bottom: 0;}
.zc-more a::before{content: '';width:0;height: 1px;display: block;background: #ef7f00;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: #ef7f00;display: block;}


.zc-index-brand .zc-center .zc-right {width:40%;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;}

 
.zj-quality{background:url(../images/i01.png) no-repeat;margin-top:180px;display: table; width: 100%;}
.zj-quality .zc-content{width: 88%;}
.quatop{width:48.955%;background-color:#fff;box-shadow:0 0 18px rgba(0,0,0,.06)}
.quatxt{text-align:center;padding:60px 0;margin-top:-70px;z-index:999}
.quatxt h3{color:#666;font-size:24px;font-weight:400}
.quatxt h4{color:#b81c20;font-size:48px;font-weight:700;margin-top:22px}
.quatxt h5{color:#666;font-size:24px;font-weight:lighter;margin-top:27px}
.qualeft{margin-top:58px}
.qualeft .qutext{display:flex;align-items:baseline}
.qualeft .qutext h3{font-size:20px;color:#fff;line-height:42px;margin-left:5px;margin-top:30px;font-weight: 500;}
.quazxrx{margin-top:99px;margin-bottom:115px;width:100%}
.quazxrx .qua-tel{display:flex;align-items:center;padding:19px 0 19px 40px}
.quazxrx .qua-tel h4{font-size:18px;color:#fff;line-height:52px;font-weight:400;margin-left:16px}
.quazxrx .qua-tel{background:url(../images/38fa06dda2aebc6c2ad560e05552d2a427bbd89d.png) no-repeat}
.quazxrx .qua-tel h5{font-size:36px;color:#fff;line-height:52px;font-weight:400;margin-left:2px}
.quaright{float:right;width:29.581%}
.quaimg .img2{display:none}
.qualeftall{float:left}
.qua-img li a{display:block}
.qua-img li a h3{font-size:20px;color:#666;margin-top:20px}
.qua-img li a h4{font-size:14px;color:#666;font-family:Arial;margin-top:8px}
.qua-img li{background:-webkit-linear-gradient(45deg,#fff 0,#dadada 50%,#fdfdfd 100%);background:linear-gradient(45deg,#fff 0,#dadada 50%,#fdfdfd 100%);width:calc(50% - 45.5px);float:left;padding-left:40px;padding-top:30px;padding-bottom:28px}
.qua-img li:hover{background:-webkit-linear-gradient(45deg,#b81c20 0,#b81c20 50%,#b81c20 100%);background:linear-gradient(45deg,#b81c20 0,#b81c20 50%,#b81c20 100%);padding-bottom: 32px;}
.qua-img li:hover a h3{color:#fff}
.qua-img li:hover a h4{color:#fff}
.qua-img li:hover a .quaimg .img1{display:none;}
.qua-img li:hover a .quaimg .img2{display:block;}
.qua-img li.cur{background:-webkit-linear-gradient(45deg,#b81c20 0,#b81c20 50%,#b81c20 100%);background:linear-gradient(45deg,#b81c20 0,#b81c20 50%,#b81c20 100%);padding-bottom: 31px;}
.qua-img li.cur a h3{color:#fff}
.qua-img li.cur a h4{color:#fff}
.qua-img li.cur a .quaimg .img1{display:none;}
.qua-img li.cur a .quaimg .img2{display:block;}
.qua-img li:nth-child(1){border-right:1px solid #010102}
.qua-img li:nth-child(3){border-top:1px solid #010102}
.qua-img li:nth-child(4){border-left:1px solid #010102;border-top:1px solid #010102}

.zj-title{text-align:center}
.zj-title h3{color:#333333;font-size:44px;font-weight:bold}
.zj-title h3 span{color:#b81c20}
.zj-title h4{color:#666666;font-size:20px;font-weight:normal;line-height:30px;margin-top:12px}
.zj-serve{margin:120px 0}
.zj-serve .container{width:88%;margin:0 auto}
.zj-serve2{background:url(../images/i16.jpg) no-repeat center;background-size:cover;margin-top:50px}
.serveall{display:flex;justify-content:space-between;padding:0 15px}
.serveimgs .img2{display:none}
.serveall li{text-align:center}
.serveall li:nth-child(2n){margin-top:70px}
.serveall li a{display:block;text-align:center}
.serveall li a:hover{cursor:default}
.serveall li a:hover .serveimgs{background-color:#b81c20}
.serveall li a:hover h3{color:#b81c20}
.serveall li a:hover .serveimgs .imgs .img1{display:none}
.serveall li a:hover .serveimgs .imgs .img2{display:block;margin:0px auto}
.serveall li a h3{font-size:22px;color:#333333;margin-top:15px}
.serveimgs{border-radius:50%;border:1px solid #ececec;height:117px;width:117px;position:relative}
.serveimgs .imgs{position:absolute;top:calc(50% - 21px);left:0;right:0;bottom:0}
.serveimgs .img3{position:relative;right:-45px;top:82px}
.servemsg{text-align:center;margin-top:72px}
.servemsg h3{background-color:#272121;font-size:20px;color:#fff;padding:20px 72px;display:inline-block;border-top-left-radius:40px;border-bottom-left-radius:40px}
.servemsg h3:hover{background-color:#b81c20}
.servemsg h3 img{margin-right:12px}
.servemsg h4{background-color:#b81c20;font-size:24px;color:#fff;padding:19px 55px 19px 40px;display:inline-block;border-top-right-radius:40px;border-bottom-right-radius:40px;margin-left:1px}
.servemsg h4 img{margin-right:12px}
.servemsg{display:flex;align-items:center;justify-content:center}

/* product */
.zc-index-product {position: relative;overflow: hidden;margin-top: 30px;}
.zc-index-product .zc-content{position: relative; z-index: 3;}
.zc-index-product .zc-bg2 { background:#999;position: absolute;left: 0;top: 0;width:90%;height:100%;}
.zc-index-product .zc-left{width: 50%;overflow: hidden;float: left;}
.zc-index-product .zc-text{padding:100px 0 0px 0;overflow: hidden;}
.zc-index-product .zc-text *{ color: #fff;} 
.zc-index-product .zc-text h4{font-size: 28px;padding-bottom: 20px;}
.zc-index-product .zc-text h5{font-size: 20px; line-height: 34px; font-weight: normal;  margin: 20px 50px 20px 0;}
.zc-index-product .zc-text h6{font-size: 16px;line-height: 24px;font-weight:normal;color: #fff;width: 62%;text-align: justify;}
.zc-index-product .zc-text span.more{font-size: 16px;margin-top: 10px;display: block;position: relative;width: 50%;float: left;}
.zc-index-product .zc-text span.more::after {content: '\e60d';font-family: 'font_family';font-size: 17px;line-height: 30px; color: #fff;display: inline-block;vertical-align: middle;}
.zc-index-product .zc-pic {width: 100%;height: 350px;text-align:right;}
.zc-index-product .zc-pic img{display: inline-block; opacity: 0.1;}
.zc-index-product .zc-right{width: 100%;overflow: hidden;float: left; margin-top: 80px; background: #e8e8e8;}
.zc-index-product .zc-right .zc-title{text-align: right;}
.zc-index-product .zc-right .zc-title line {display: inline-block;}
.zc-product4 {overflow: hidden;position: relative; border-top: 1px solid #dddddd;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.product4 {width:50%; float: left;overflow: hidden;position: relative;}
.product4 a{display: block;padding:40px;overflow: hidden;position: relative;}
.product4 a h4{font-size: 22px;color: #5d5d5d;}
.product4 a h5{font-size: 18px;color: #5d5d5d;font-weight:normal;padding-top: 20px;padding-bottom: 5px;}
.product4 a h6{font-size: 12px;color: #8d8d8d;font-weight:normal;padding-bottom: 20px;text-transform: uppercase;}
.product4 a span.more{font-size: 14px;color: #666666; padding-top: 20px;overflow: hidden; }
.product4 a span.more::after {content: '\e60d';font-family: 'font_family';font-size: 14px;line-height: 24px; color: #666;display: inline-block;vertical-align: middle;}
.product4 a .pic{float: right;clear: both;margin-top: -100px; width: 380px;overflow: hidden;text-align: center;position: relative;}
.product4 a .pic ul {display: table;width: 100%;height: 100%;position: absolute;}
.product4 a .pic ul li{display: table-cell;vertical-align: middle;}
.product4 a .pic ul li img {display: inline-block;}
.zc-product4::before {content: '';display: block;position: absolute;width: 100%;height:1px;background: #dddddd;top: 50%;left: 0;}
.zc-product4::after {content: '';display: block;position: absolute;width: 1px;height: 100%;background: #dddddd;top: 0;left: 50%;}
.product4 a:hover h4{color: #ea5604;}
.product4 a:hover h5{color: #fff;}
.product4 a:hover h6{color: #e60012;}
.product4 a:hover span.more{color: #014099;}
.product4 a:hover span.more::after{color: #014099;}



/* solution */
.zc-index-solution {overflow: hidden;margin-top: 30px;position: relative;}
.zc-index-solution .zc-left{width: 50%;overflow: hidden;float: left;}
.zc-index-solution .zc-left .zc-title {margin-left:16%;}
.zc-index-solution .zc-right{width: 50%;height: 200px; overflow: hidden;float: left;background: #2e2e2e;}
.zc-index-solution .zc-bottom {position: absolute;bottom: 0;width: 50%;}
.zc-index-solution-pic {width: 100%;position: relative;float: left;background: #000;max-height: 440px;overflow: hidden;}
.zc-index-solution-pic .zc-pic {position: relative;width: 100%;height: 100%;font-size: 0;}
.zc-index-solution-pic .table {display: table;width: 100%;height: 100%;}
.zc-index-solution-pic .table-cell {display: table-cell;vertical-align: middle;}
.zc-index-solution-li {width: 50%;position: relative;float: right;background: #2e2e2e;max-height: 440px;overflow: hidden;}
.zc-index-solution-li .zc-text {}
.zc-index-solution-li .zc-text a {display: block;padding:0 20%;}
.zc-index-solution-li .zc-text a * {color: #fff;overflow: hidden;}
.zc-index-solution-li .zc-text a h2 {font-size: 30px;font-weight: normal;padding-bottom: 20px; border-bottom: 1px solid #666;}
.zc-index-solution-li .zc-text a h4 {font-size: 16px;font-weight: normal;padding: 20px 0;line-height: 24px;}
.zc-index-solution-li .zc-text a h3 {font-size: 16px;font-weight: normal;padding-top:10px;border-top: 1px solid #666;opacity: .8;}
.zc-index-solution-li .zc-text a h3::after {content: '\e60d';font-family: 'font_family';font-size: 18px;color: #fff;display: inline-block;vertical-align: middle;}
.zc-index-solution-li  .swiper-button-next,.zc-index-solution-li .swiper-button-prev {width: 100px;height: 80px;background: rgba(255,255,255,.2);text-align: center;}
.zc-index-solution-li  .swiper-button-next {bottom: 0;left: 101px;top: auto;right: auto;}
.zc-index-solution-li  .swiper-button-prev {bottom: 0;left: 0;top: auto;right: auto;}
.zc-index-solution-li  .swiper-button-next::after {content: '\e63e';font-family: 'font_family';font-size: 38px;line-height: 80px;color: #fff;opacity: 0.5;}
.zc-index-solution-li  .swiper-button-prev::after {content: '\e63d';font-family: 'font_family';font-size: 38px;line-height: 80px;color: #fff;opacity: 0.5;}
.zc-index-solution-li  .swiper-button-next:hover::after,.zc-index-solution-li .swiper-button-prev:hover::after {opacity: 1;}
 


/* news */
.zc-index-news {padding: 10px 0 100px 0 ;overflow: hidden;position: relative;}
.zc-index-news .zc-more {position: absolute;top:80px;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: 33%;position: relative;margin:0 0.1%;overflow: hidden;margin-bottom: 3px;}
.news3 a{display: block;background: #fff;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 img {display: block;margin:0 auto 20px;width: 100%;}
.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; font-weight: normal;color:#2e2e2e;padding-bottom: 20px;opacity: .6;}
.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: #ea5604;}
.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 */
.product4 a h4,.product4 a h5,.product4 a h6,.news3 a .zc-text h4{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.zc-index-brand .zc-center .zc-right {max-height: 554px;}
.product4 {min-height: 300px;max-height: 300px; }
.product4 a .pic{min-height:280px;max-height:180px;}
.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;}