.zc-page-banner {position: relative;margin-top: 100px;overflow: hidden;padding-bottom:50px;}
.zc-page-banner .zc-content {}
.zc-page-banner .zc-title {position: absolute;left:8%;top: 50%;margin-top: -94px;z-index: 4;}
.zc-page-banner .zc-title h3{color: #ea5604;}
.zc-page-banner .zc-title h2{color: #fff;opacity: .3;clear: both;}
.zc-page-banner .zc-title.right {left:auto;right:8%;text-align: right;}
.zc-page-banner .zc-title.right line {float: right;clear: both;}

.zc-banner-title {position: absolute;left:8%;top: 50%;margin-top: -94px;z-index: 4;}
.zc-banner-title h3{color: #fff;font-size: 30px;padding-bottom: 10px;font-family: 'ariblk';}
.zc-banner-title h5{color: #fff;font-size: 14px;text-transform: uppercase;font-weight: normal;}
.zc-page-banner .zc-pic {background: #000;overflow: hidden;position: relative; z-index: 3;}
.zc-page-banner .zc-pic img {display: block;margin: auto;}
.zc-page-banner .zc-pic .mark {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;opacity: .4;}

.zc-page-banner .zc-banner-nav {background:#fff;width:84%;position:absolute;left:8%;bottom:5px;z-index: 40;overflow:hidden;/*box-shadow:0px 0px 5.52px 2.48px rgba(56, 118, 223, 0.2);*/}
.zc-page-banner .zc-banner-nav a {display: block;float: left;text-align: center;padding: 33px 0;overflow: hidden;position: relative; border-right: 1px solid #d7e4f9;border-bottom: 1px solid #d7e4f9;}
.zc-page-banner .zc-banner-nav a::after {content: '';display: block;position: absolute;width: 1px;height: 100%;right: 0;top: 0;background: #d7e4f9;}
.zc-page-banner .zc-banner-nav a:last-child::after {display: none;}
.zc-page-banner .zc-banner-nav a i {width: 30px;height: 30px;overflow: hidden;display:inline-block;vertical-align: middle;}
.zc-page-banner .zc-banner-nav a i img{display: block;}
.zc-page-banner .zc-banner-nav a i .svg-inject,
.zc-page-banner .zc-banner-nav a i .svg-inject path {fill: #999!important;}
.zc-page-banner .zc-banner-nav a h3{display:inline-block;vertical-align: middle;font-size: 18px;color: #999;text-align: center; width: 100%;}
.zc-page-banner .zc-banner-nav a:hover,.zc-page-banner .zc-banner-nav a.cur {background: #ef7f00;}
.zc-page-banner .zc-banner-nav a:hover h3,.zc-page-banner .zc-banner-nav a.cur h3{color: #fff;}
.zc-page-banner .zc-banner-nav a:hover i .svg-inject,
.zc-page-banner .zc-banner-nav a:hover i .svg-inject path,
.zc-page-banner .zc-banner-nav a.cur i .svg-inject,
.zc-page-banner .zc-banner-nav a.cur i .svg-inject path {fill: #fff!important;}

.zc-banner-nav.nav7 a{width: 14.2857143%;}
.zc-banner-nav.nav6 a{width: 16.6666%;}
.zc-banner-nav.nav5 a{width: 20%;}
.zc-banner-nav.nav4 a{width: 25%;}
.zc-banner-nav.nav3 a{width: 33.333333333%;}
.zc-banner-nav.nav2 a{width: 50%;}
.zc-banner-nav.nav1 a{width: 100%;}

.overflow-visible {overflow: visible;}
.zc-banner-nav.producttype-nav {font-size: 0;overflow: visible;}
.zc-banner-nav.producttype-nav li{position: relative;width: 20%;display: inline-block;}
.zc-banner-nav.producttype-nav li a{text-align: left;width: 100%;}
.zc-banner-nav.producttype-nav li a i {margin-left: 10%;}
/*.zc-banner-nav.producttype-nav li a h3::after {content: '\e611';display: block;width: 20px;height: 20px;position: absolute;right:10%;top: 50%;margin-top: -5px;font-family: 'font_family';font-size: 16px;color: #ccc;-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}*/
.zc-banner-nav.producttype-nav li ul{display: none;position: absolute;width: 100%;top: 96px;left: 0;z-index: 33;background: #ef7f00;}
.zc-banner-nav.producttype-nav li ul::before{content: '';display: block;position: absolute;width: 80%;top: 0;left: 10%;height: 1px;background: #6091e5;}
.zc-banner-nav.producttype-nav li ul li{display: block;width: 80%;padding: 3% 0;border-bottom:1px solid #6091e5;margin: auto;overflow: hidden;}
.zc-banner-nav.producttype-nav li ul li a{float: none;padding: 5% 0;color: #fff;font-size: 16px;position: relative;}
.zc-banner-nav.producttype-nav li ul li a::before {content:'\e60d';font-family: 'font_family';width: 20px;height:20px;position: absolute;right:0;top: 50%;margin-top: -7px;z-index: 1;font-size: 16px;color: #fff;display: none;}
.zc-banner-nav.producttype-nav li ul li a:hover {color: #fff;}
.zc-banner-nav.producttype-nav li ul li:last-child a {border: none;}
.zc-banner-nav.producttype-nav li a.cur h3{color: #fff;}
.zc-banner-nav.producttype-nav li:hover ul{display: block;}
.zc-banner-nav.producttype-nav li:hover a::after{background: #ef7f00;}
.zc-banner-nav.producttype-nav li ul li a:hover::before {display: block;}
/*.zc-banner-nav.producttype-nav li a:hover h3::after {content: '';height:2px;margin-top: -1.5px;background: #fff;-ms-transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none;transform:none;}*/

.zc-banner-nav.producttype-nav.nav6 li {width: 16.6666%;}
.zc-banner-nav.producttype-nav.nav5 li {width: 20%;}
.zc-banner-nav.producttype-nav.nav4 li {width: 25%;}
.zc-banner-nav.producttype-nav.nav3 li {width: 33.333333333%;}
.zc-banner-nav.producttype-nav.nav2 li {width: 50%;}

.zc-banner-nav.producttype-nav.nav2 li ul li,.zc-banner-nav.producttype-nav.nav3 li ul li,.zc-banner-nav.producttype-nav.nav4 li ul li,.zc-banner-nav.producttype-nav.nav5 li ul li { width: 80%;}


.zc-page-path {border-bottom: 1px solid #f3f3f3;padding:17px 0;overflow: hidden;color: #bcbcbc;}
.zc-page-path .zc-content{text-align: right;width: 84%;margin: auto;font-size: 14px;}
.zc-page-path a{color: #bcbcbc;font-size: 14px;}
.zc-page-path a.cur{color: #000;}
.zc-page-path a:hover {color: #ef7f00;}



.zc-banner-mnav {background:#fff;width:100%;position:absolute;left:0;bottom:5px;z-index: 66;/*box-shadow:0px 0px 5.52px 2.48px rgba(56, 118, 223, 0.2);*/overflow-x: scroll;overflow-y: hidden; white-space:nowrap;font-size:0;letter-spaceing:-4px;display: none;}
.zc-banner-mnav::-webkit-scrollbar { width:0; height:0; display: none;} 
.zc-banner-mnav div {display:inline-block;text-align: center;padding: 5% 5% 5% 0;position: relative;}
.zc-banner-mnav div::after {content: '';display: block;position: absolute;width: 1px;height: 100%;right: 0;top: 0;background: #d7e4f9;}
.zc-banner-mnav div:last-child::after {display: none;}
.zc-banner-mnav div i {width: 20px;height: 20px;overflow: hidden;display:inline-block;vertical-align: middle;}
.zc-banner-mnav div i img{display: block;}
.zc-banner-mnav div i .svg-inject,
.zc-banner-mnav div i .svg-inject path {fill: #999!important;}
.zc-banner-mnav div h3{display:inline-block;vertical-align: middle;font-size: 15px;color: #999;margin-left: 5%;}
.zc-banner-mnav div.cur {background: #ef7f00;}
.zc-banner-mnav div.cur h3{color: #fff;}
.zc-banner-mnav div.cur i .svg-inject,
.zc-banner-mnav div.cur i .svg-inject path {fill: #fff!important;}
.zc-banner-mnav.nav6 div {min-width: 140px;}
.zc-banner-mnav.nav5 div {min-width: 130px;}
.zc-banner-mnav.nav4 div {min-width: 120px;}
.zc-banner-mnav.nav3 div {min-width: 23%;}
.zc-banner-mnav.nav2 div {min-width: 40%;}


.zc-product-mnav2 {padding:0 0 4% 0;font-size: 0;text-align: center;display: none;}
.zc-product-mnav2 a{display: inline-block;margin: 1%;width:30%;font-size: 12px;border: 1px solid #ccc;padding: 10px 0;}
.zc-product-mnav2 a.cur {background: #ef7f00;color: #fff;}
.zc-product-mnav2 div{display: inline-block;margin: 1%;width:30%;font-size: 12px;border: 1px solid #ccc;padding: 10px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.zc-product-mnav2 div.cur {background: #ef7f00;color: #fff;}


/* solution */
.zc-solution-content {padding:90px 0 0px 0;}
.zc-solution-content .zc-content {overflow: visible;width: 84%;margin: auto;}
.zc-solution {position: relative;}
.solution {float: left;width: 32%;margin-bottom: 20px;margin-right: 1.44%;}
.solution a {text-align: center;display: block;overflow: hidden;}
.solution a .zc-pic{ background: #000;overflow: hidden;position: relative;}
.solution a .zc-pic ul{display: table;width:100%;height:100%;}
.solution a .zc-pic ul li{display: table-cell;vertical-align: middle;}
.solution a .zc-pic ul li img{display: block;margin: auto;}
.solution a .zc-text {padding: 20px 0;overflow: hidden;}
.solution a .zc-text h4{font-size: 16px;padding-bottom: 5px; font-weight: normal;}
.solution a .zc-text h5{font-size: 14px;color: #b8b8b8;font-weight: normal;text-transform: uppercase;}
.solution a:hover {box-shadow: 0px 0px 5.52px 2.48px rgba(56, 118, 223, 0.2);}
.solution a:hover .zc-text h4{color: #ef7f00;}
.solution a:hover .zc-text h5{color: #ef7f00;opacity: .4;}
.solution a:hover .zc-pic ul li img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.solution.s3 {margin-right: 0;}

.zc-page-turn {clear: both;overflow: hidden;text-align: center;padding:50px 0 50px 0;}
.zc-page-turn .pagenum{display: inline;}
.zc-page-turn a,.zc-page-turn span{font-size: 16px; border: 1px solid #ccc;overflow: hidden;min-width: 20px; padding: 0 10px;height: 40px;line-height: 40px;color: #999; display: inline-block;vertical-align: middle;position: relative;}
.zc-page-turn a:hover {border: 1px solid #000;color: #000; }
.zc-page-turn a.Ahover{border: 1px solid #ef7f00;background: #ef7f00; color: #fff;}
.zc-page-turn a.prev,.zc-page-turn a.next{position: relative;padding: 0 10px;width: 70px;}
.zc-page-turn a.prev::before,.zc-page-turn a.next::after {font-family: 'font_family';font-size: 24px;line-height: 40px;color: #999;display: none;}
.zc-page-turn a.prev::before {content: '\e610';}
.zc-page-turn a.next::after {content: '\e60f';}

.zc-solution-detail {}
.zc-solution-detail-content {}
.zc-solution-overview {overflow: hidden;}
.zc-solution-overview .zc-content {width: 84%;margin: auto;}
.zc-solution-overview .zc-left{float: left;width:30%;margin-left:14%;}
.zc-solution-overview .zc-left h3{font-size: 24px;padding-bottom: 10px;}
.zc-solution-overview .zc-left h4{font-size: 20px;text-transform: uppercase;font-weight: normal;font-family:Arial; opacity: .2;}
.zc-solution-overview .zc-right{float: right;width:54%;font-size:16px;line-height: 28px;color: #8d8d8d;text-align: justify;}
.zc-solution-overview .zc-pic {padding-top:50px;overflow: hidden;font-size: 0;}
.zc-solution-overview .zc-pic img{display: inline-block;}

.zc-solution-advantages {padding-top: 100px;overflow: hidden;position: relative;}
.zc-solution-advantages .zc-content {width: 84%;margin: auto;position: relative;z-index: 3;}
.zc-solution-advantages .zc-left{float: left;width:48%;background: #000;}
.zc-solution-advantages .zc-left img {display: block;width: 100%;height: auto;}
.zc-solution-advantages .zc-right{float: left;width:40%;padding-left: 6%;}
.zc-solution-advantages .zc-right .text {color: #666;font-size: 16px;line-height: 28px;padding-top: 30px;overflow: hidden;}
.zc-solution-advantages .zc-bg3 {background: #f6f6f6;width:92%;height:95%;z-index: 1;position: absolute;right: 0;top:0;}
.title{}
.title h3{font-size: 24px;font-family: 'ariblk',Microsoft Yahei;padding-bottom: 10px;text-transform: uppercase;}
.title h4{font-size: 20px;text-transform: uppercase;font-weight: normal;font-family:Arial; opacity: .5;}
.title line {width: 40px;height: 1px;display: block;background: #ef7f00;margin: 20px 0;}

.zc-solution-functionality {padding-top: 100px;padding-bottom: 100px; overflow: hidden;}
.zc-solution-functionality .zc-content {width: 84%;margin: auto;}
.zc-solution-functionality .zc-right{float: right;width:44%;background: #000;font-size: 0;}
.zc-solution-functionality .zc-right img {display:block;width: 100%;height: auto;}
.zc-solution-functionality .zc-left{float: left;width:41%;padding: 10% 0 0 7%}
.zc-solution-functionality .zc-left .text {padding-top: 50px;overflow: hidden;color: #666;font-size: 14px;line-height: 24px;}
.functionality {padding-bottom: 50px;overflow: hidden;}
.functionality i{display: block;border:2px solid #000;padding:15px;float: left;}
.functionality i img {width: 35px;height: 35px;display: block;}
.functionality li{float: left;width: 80%;padding-left: 5%;overflow: hidden;}
.functionality li h4{font-size: 20px;padding-bottom: 20px;color: #000;}
.functionality li h5{font-size: 16px;line-height: 28px;color: #8d8d8d;font-weight: normal;text-align: justify;}
 

.zc-solution-system {padding-top: 100px;padding-bottom: 100px; overflow: visible;}
.zc-solution-system .zc-content {width: 84%;margin: auto;overflow: visible;}
.zc-system-pic {font-size: 0;padding-top: 2%;overflow: visible;}
.system-pic {position: relative;text-align: center;width: 32.2%;margin-right:1%;margin-bottom:1%; border: 1px #f1f1f1 solid;overflow: hidden;display: inline-block;}
.system-pic .pic{position: relative;height:250px;overflow: hidden;}
.system-pic .pic ul{display: table;width: 100%;height: 100%;}
.system-pic .pic ul li{font-size: 0;display: table-cell;vertical-align: middle;}
.system-pic .pic ul li img{display: inline-block;}
.system-pic .txt{color: #5f5f5f;font-size: 16px;padding: 10px 0 20px 0;}
.system-pic:hover {box-shadow: 0px 0px 5.52px 2.48px rgba(56, 118, 223, 0.2);}
.system-pic:hover .txt{color: #ef7f00;}
.system-pic:nth-child(3) {margin-right: 0;}
 

.zc-solution-rendering {padding-top: 100px;padding-bottom: 100px; overflow: hidden;}
.zc-solution-rendering .zc-content {width: 84%;margin: auto;}

.zc-solution-system .zc-more {position: absolute;right: 0;top: 10px;}
.zc-solution-system .zc-more a{color: #999;}
.zc-solution-system .zc-more a:hover {color: #ef7f00;}


/* product */
.zc-product-content {padding:90px 0 0px 0;}
.zc-product-content .zc-content {overflow: visible;width: 84%;margin: auto;}
.zc-product {position: relative;}
.product {float: left;width: 49%;margin-bottom: 20px;margin-right: 1%;}
.product:nth-child(4n+4){ margin-right: 0;}
.product a {text-align: center;display: block;overflow: hidden;border: 1px solid #e5e5e5;}
.product a .zc-pic{overflow: hidden;position: relative;}
.product a .zc-pic ul{display: table;width:100%;height:100%;}
.product a .zc-pic ul li{display: table-cell;vertical-align: middle;}
.product a .zc-pic ul li img{display: block;margin: auto;max-width: 90%;max-height: 90%;}
.product a .zc-text {padding: 0px 0 20px 0;overflow: hidden;}
.product a .zc-text h4{font-size: 18px;padding-bottom: 5px; font-weight: normal;}
.product a .zc-text h5{font-size: 14px;color: #b8b8b8;font-weight: normal;text-transform: uppercase;}
.product a:hover {box-shadow: 0px 0px 5.52px 2.48px rgba(56, 118, 223, 0.2);}
.product a:hover .zc-text h4{color: #ef7f00;}
.product a:hover .zc-text h5{color: #ef7f00;opacity: .4;}
.product a:hover .zc-pic ul li img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.product.s4 {margin-right: 0;}

.zc-product-path {background: #f1f1f1;padding:17px 0;overflow: hidden;color: #bcbcbc;margin-top: 100px;}
.zc-product-path .zc-content{text-align: left;width: 84%;margin: auto;font-size: 14px;}
.zc-product-path a{color: #bcbcbc;font-size: 14px;}
.zc-product-path a.cur{color: #000;}
.zc-product-path a:hover {color: #ef7f00;}

.zc-product-detail {padding: 100px 0;overflow: hidden;}
.zc-product-detail-content {width: 78%;margin: auto;}
.zc-product-leftpic {position: relative;width: 48%;float: left;border: 1px solid #ebebeb;}
.zc-product-leftpic .swiper-slide {text-align: center;font-size: 0;}
.zc-product-leftpic .swiper-slide ul{display: table;width: 100%;height: 100%;}
.zc-product-leftpic .swiper-slide ul li{display: table-cell;vertical-align: middle;}
.zc-product-leftpic .swiper-slide ul li img{display:inline-block;margin: auto;width:auto;}
.zc-product-leftpic .swiper-button-next {background: none;}
.zc-product-leftpic .swiper-button-prev {background: none;}
.zc-product-leftpic .swiper-button-next::after {content: '\e60d';}
.zc-product-leftpic .swiper-button-prev::after {content: '\e60b';}
.zc-product-leftpic .swiper-button-next::after,.zc-product-leftpic .swiper-button-prev::after{font-family: 'font_family';font-size:28px;line-height: 44px; color: #666;display: block;position: absolute;left: 0;top: 0;text-align: center;width: 27px;height: 44px;}
.zc-product-leftpic .swiper-button-next:hover::after,.zc-product-leftpic .swiper-button-prev:hover::after {color: #ef7f00;}

.zc-product-rigthtxt {position: relative;width: 45%;float: right;}
.zc-product-rigthtxt h1 {font-size: 30px;color: #000;padding:10px 0 30px 0;}
.zc-product-rigthtxt h3 {font-size: 20px;color: #ef7f00;padding:10px 0 30px 0;}
.zc-product-rigthtxt h4 {font-size: 18px;color: #000;font-weight: normal;}
.zc-product-rigthtxt .zc-text {color: #8d8d8d;font-size: 16px;line-height: 26px;padding:10px 0 30px 0;overflow: hidden;text-align: justify;}
.p-download {width: 135px;height: 50px;line-height: 50px;padding-left: 50px; border: 1px solid #ccc; margin:10px 0;font-size: 14px;color: #585858;display: block;position: relative;}
.p-download i {display: block;position: absolute;width:19px;height: 30px;}
.p-download i.pdf {left: 10%;top:14px;background: url("../images/pdf.svg") no-repeat;background-size: 100%;} 
.p-download i.dl {right: 10%;top:16px;background: url("../images/dd1.png") no-repeat;background-size: 100%;} 
.p-download:hover {border: 1px solid #ef7f00;background: #ef7f00;color: #fff;}
.p-download:hover i.pdf {background: url("../images/pdf1.svg") no-repeat;background-size: 100%;} 
.p-download:hover i.dl {background: url("../images/dd2.png") no-repeat;background-size: 100%;} 


.zc-product-detail {position: relative;}
.zc-product-detail .zc-bg4{background: #f3f3f3;position: absolute;top:100px;left: 0;width: 100%;height: 100%;}
.ptb10100 {padding: 10px 0 100px 0;}
.zc-product-bottom {background: #fff;min-height: 300px;padding: 3% 4%;overflow: hidden; box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);position: relative;z-index: 3;}
.zc-product-bottom-nav {}
.zc-product-bottom-nav li{font-size: 17px;font-weight: bold;float: left;margin-right: 40px;padding: 0 5px 20px 5px;overflow: hidden; color: #585858;cursor: pointer;position: relative;}
.zc-product-bottom-nav li.cur {color: #ef7f00;}
.zc-product-bottom-nav li.cur::after {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #ef7f00;}

.zc-product-video {clear: both;padding: 40px 0;overflow: hidden;}
.zc-product-video .zc-video{ float: left;width: 32%;margin-right: 1%;overflow: hidden;}
.zc-product-video .zc-video a{}
.zc-product-video .zc-video a .pic{border: 1px solid #ededed;position: relative;}
.zc-product-video .zc-video a .pic i{display:block;width: 100%;height:100%;position: absolute;top: 0;left: 0;background:rgba(0,0,0,.5) url("../images/play.png") center no-repeat;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;opacity: 0;}
.zc-product-video .zc-video a .pic img {display: block;}
.zc-product-video .zc-video a h4{color: #585858;text-align: center;padding: 20px 0;font-size: 16px;font-weight: normal;text-transform: uppercase;}
.zc-product-video .zc-video a:hover .pic i {display: block;opacity: 1;}
.zc-product-video .zc-video a:hover h4{color: #ef7f00;}
.zc-video-detail video{display: block;width: 100%;min-height: 400px;height: auto;}
 
.zc-detail-text {padding:3% 0 1% 0;overflow: hidden;}
.zc-detail-text .title{background: #ebf1fc;color: #81858b;font-size: 15px;padding:10px 20px;margin-bottom: 20px;font-weight: bold;overflow: hidden;}
.zc-detail-text .text {padding:0 1.5% ;overflow: hidden;color: #333;font-size: 16px;line-height: 36px;}
.zc-detail-text .text em,.zc-detail-text .text i,.zc-detail-text .text em *  {font-style: italic!important;}
.zc-detail-text .text img{margin: 10px 0;}


.hls-inews {overflow: hidden;position: relative;}
.inewslist {overflow: hidden;position: relative;}
.inewslist .inews {position: relative;width: 100%;float: left;}
.inewslist .inews a{display: block;overflow: hidden;background: #ededed;}
.inewslist .inews a .pic{width: 50%;float: left;overflow: hidden;}
/*.inewslist .inews a .pic img {background: #000;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}*/
.inewslist .inews a .txt{position: absolute;right: 0;top: 0;width: 40%;height: 95%;padding:8% 5% 0;}
.inewslist .inews a .txt h4 {font-size: 32px;color: #333;}
.inewslist .inews a .txt .line{width: 85px; height: 5px; background: #db261d; margin:20px 0;display: table;}
.inewslist .inews a .txt h5 {font-size: 14px;color: #999;font-weight: normal;line-height: 24px; margin: 30px 0;}
.inewslist .inews a .txt h6 {font-size: 26px;color: #b2b2b2;font-weight: normal;    line-height: 30px;
}}
.inewslist .inews a .txt h6 strong{background: url(../images/quan_h.png) left top 5px no-repeat; font-size: 14px; color: #5d5d5d; margin-bottom: 10px; padding-left: 20px;display: table; font-weight: normal;}
.inewslist .inews a .txt h6 u{background: url(../images/line.png) left center no-repeat; padding-left: 30px; height: 24px; line-height: 24px; text-decoration: none;     color: #5d5d5d;}
/*.inewslist .inews a .txt::before {content: '';width: 0;height: 0;border-width: 20px 20px 20px 0;border-style: solid;border-color:transparent #ededed transparent transparent ;position: absolute;left: -20px;top: 50%;margin-top: -20px; z-index: 3;}*/
.inewslist .inews:nth-child(2n+2) .txt{left: 0;right: auto;}
.inewslist .inews:nth-child(1n+1) .txt,.inewslist .inews:nth-child(2n+2) .pic{float:right;}
/*.inewslist .inews:nth-child(1) .txt::before {border-width: 20px 0 20px 20px;border-color:transparent transparent transparent #ededed;left:auto;right: -20px;}
.inewslist .inews:nth-child(2) .txt::before {border-width: 20px 0 20px 20px;border-color:transparent transparent transparent #ededed;left:auto;right: -20px;}*/
.inewslist .inews a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;}
.inewslist .inews a:hover {background: #000;}
.inewslist .inews a:hover .txt h4 {color: #fff;}
.inewslist .inews a:hover .txt h6 p{color: #fff;}
.inewslist .inews a:hover .txt::before {border-color:transparent #000 transparent transparent;}



.download-list {border: 1px solid #f1f1f1;overflow: hidden;padding: 1%;margin-top: 3%;width: 97%;} 
.download-list h3{font-size: 20px;padding-bottom: 10px;}
.download-list ul{border-bottom: 1px solid #ebf1fc;overflow: hidden;}
.download-list ul.title {background: #ebf1fc;}
.download-list ul.title li {font-weight: bold;font-size: 16px;color: #333;}
.download-list li{width: 10%;display: inline-block;font-size: 16px;color: #000; padding:10px 1%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.download-list li:first-child,.download-list li:nth-child(2) {width: 19%;}
.download-list li:last-child {width: 5%;}
.download-list ul:last-child {border-bottom:none;}
.download-list .dicon{width: 16px;height: 18px;background: url("../images/download1.png");display: inline-block;}
.download-list ul:hover {background: #ef7f00;}
.download-list ul:hover li {color: #fff;}
.download-list ul:hover .dicon{background: url("../images/download2.png");display: inline-block;}
.download-list ul.title:hover {background: #ebf1fc;}
.download-list ul.title:hover  li {color: #000;}




/* 弹窗 */
.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
.white_content {display: none;background: #fff; position: fixed;left: 50%;top:50%;width:1000px;margin-left: -500px;margin-top: -300px;z-index: 1002;overflow: hidden;padding:2%;}
.white_content h2 {font-size: 16px;display: block;position: relative;border-bottom: 1px solid #ededed;padding-bottom: 20px;}
.guanbi{display: block;width: 16px;height: 16px;background: url("../images/guanbi.png");position: absolute;right: 0;top: 0;cursor: pointer;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.guanbi:hover {-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.white_content li {margin-top: 20px;overflow: hidden;font-size: 14px;color: #1a1a1a;position: relative;}
.white_content li h4 {display: block;font-weight: normal;padding-bottom: 10px;}
.white_content li h4 sup {color: #FF0004;}
.white_content .close{display: block;width: 30px;height: 30px;padding: 0;border:none;background: url("../images/guanbi.png") center no-repeat #fff;border-radius: 100%; position: absolute;right:2%;top:2%;z-index: 66; cursor: pointer;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.white_content .close:hover {-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.video_content {position: relative;width: 100%;height: 100%;background: #000;}
.video_content video {display: block;width: 100%;height: auto;max-height: 500px;}






/* brand */
.zc-brand-content {position: relative;overflow: hidden;padding: 0px 0 10px 0;}
.zc-about-zontron {overflow: hidden;position: relative;z-index: 4;}
.zc-about-zontron .zc-left {float: left;width:38%;overflow: hidden;}
.zc-about-zontron .zc-left img {width: 100%;display: block;}
.zc-about-zontron .zc-right {float: left;width:50%;padding-left: 5%;overflow: hidden;margin-top: 5%;}
.zc-about-zontron .zc-right .text{color: #8d8d8d;font-size: 20px;line-height: 30px;padding:10px 0 30px 0;overflow: hidden;text-align: justify;}
.zc-about-zontron .zc-right .text p{margin-bottom: 20px;}
.zc-bg5 {background: #f3f3f3;position: absolute;top:20px;left: 7%;width: 100%;height:88%;}

.zc-about-zontron .zc-left2 {float: left;width:38%; margin-left: 5%; overflow: hidden; margin-top: 5%;}
.zc-about-zontron .zc-left2 .text{color: #8d8d8d;font-size: 20px;line-height: 30px;padding:10px 0 30px 0;overflow: hidden;text-align: justify;}
.zc-about-zontron .zc-left2 .text p{margin-bottom: 20px;}
.zc-about-zontron .zc-right2 {float: left;width:50%;padding-left: 5%;overflow: hidden;}

.zc-brand-annotation {background: #000;}
.zc-brand-annotation .zc-pic{}
.zc-brand-annotation .zc-left{position: absolute;width: 35%;padding:3% 5% 2% 5%;overflow: hidden;left:8%;top:20%;z-index: 3;background: #ea5604;}
.zc-brand-annotation .zc-left .title{}
.zc-brand-annotation .zc-left .title h3{color: #fff;}
.zc-brand-annotation .zc-left .title h4{color: #fff;}
.zc-brand-annotation .zc-left .title line{}
.zc-brand-annotation .zc-left .text{color: #fff;font-size: 16px;line-height: 26px;padding:10px 0 30px 0;overflow: hidden;text-align: justify;}
.zc-brand-annotation .zc-left .text h4{font-weight: bold; font-size: 18px; margin-top: 20px;}
.zc-brand-annotation .zc-right {position: absolute;width:50%;min-height: 450px; overflow: hidden;right: 8%;top:40%;z-index: 2;background: #fff; }
.zc-brand-annotation .zc-right ul {display: table;width: 100%;height: 100%;position: absolute;}
.zc-brand-annotation .zc-right ul li {display: table-cell;vertical-align: middle;}
.zc-brand-annotation .zc-right img {display:block; width: 50%;height: auto;margin: auto 15% auto auto;}

.zc-brand-box {width: 84%;margin: auto;}
.annotation {background: #f5f5f5;overflow: hidden;position: relative;} 
.annotation .pic{width: 66.666%;float: left;background: #000;}
.annotation .pic img {display: block;width: 100%;height: auto;}
.annotation .text{width: 25%;height: 100%;position: absolute;right: 0;top: 0;} 
.annotation .text ul {display: table;width: 100%;height: 100%;}
.annotation .text ul li{display: table-cell;vertical-align: middle;}
.annotation .txt{padding: 5% 10%; overflow: hidden;}
.annotation .txt h3{font-size: 20px;padding-bottom: 30px;}
.annotation .txt h4{font-size: 16px;line-height: 26px;color: #8d8d8d;font-weight: normal;}
.annotation.a2 .pic{width: 33.333%;float: left;}
.annotation.a2 .text{width: 33.333%;right:33.333%;background: #fff;}
.annotation.a2 .pic:last-child {width: 33.333%;float: right;}
.annotation.a3 .text{width: 33.333%;position: absolute;left: 0;}
.annotation.a3 .pic{width: 33.333%;margin: auto;float: none; }
.annotation.a3 .text:last-child {width: 33.333%;position: absolute;left: auto; right: 0;}


.zc-brand-culture {background: #000;padding: 100px 0;overflow: hidden;}
.zc-brand-culture .zc-content {width: 84%;margin: auto;}
.zc-brand-culture .title {text-align: center;}
.zc-brand-culture .title h3{color: #fff;}
.zc-brand-culture .title h4{color: #fff;}
.zc-brand-culture .title line {margin: 20px auto;}
.culture-list {padding: 30px 0;overflow: hidden;}
.culture {width: 20%;float: left;background: #1b1b1b;text-align: center;padding:4% 2.5%;min-height:105px;overflow: hidden;position: relative;} 
.culture ul {display: table;width: 100%;height: 100%;}
.culture ul li{display: table-cell;vertical-align: middle;}
.culture h4 {font-size: 16px;color: #626262;}
.culture h2 {font-size: 80px;opacity: .03;position: absolute;bottom: -25px;right:0px;color: #fff;font-weight: normal;}
.culture line{margin: 10px auto;width: 30px;height: 1px;background: #4d4d4d;display: block;}
.culture .text{font-size: 14px;color: #999;line-height: 24px;}
.culture .text strong {font-size: 14px;}
.culture .text h3 {color: #dfdfdf;font-size: 17px;padding-top:5px;}
.culture.c1{min-height:339px;}
.culture.c1 h2{font-size: 100px;}
.culture.c2{background: #212121;}
.culture.c3{background: #313131;}
.culture.c5{background: #313131;}
.culture.c7{background: #313131;}


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

.zc-brand-honor {}
.zc-brand-honor .zc-content {}
.zc-brand-honor .title {text-align: center;}
.zc-brand-honor .title line {margin: 20px auto;}

.zc-brand-honor .zc-content {width: 84%;margin: auto;}
.honorlist {overflow: hidden;padding:30px 0 0px 0;}
.honor {float: left;width: 18.666%;overflow: hidden;border: 1px solid #dadada;padding:2% 2.5% 0 2.5%;margin-right:1.5%;margin-bottom: 1.5%;}
.honor .pic {position: relative;text-align: center;}
.honor .pic ul {display: table;width: 100%;height: 100%;}
.honor .pic ul li {display: table-cell;vertical-align: middle;}
.honor .pic img{display:inline-block;max-height: 175px;}
.honor h3{text-align: center;color: #8d8d8d;font-size: 16px;padding: 20px 0; font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.honor:nth-child(4n+4){margin-right: 0;}
.honorlist .more {clear: both;overflow: hidden;margin-top: 30px;margin-bottom: 30px;}
.honorlist .more a{display: block;width: 140px;height: 40px;line-height: 40px;text-align: center;color: #999;font-size: 14px;margin: auto;border: 1px solid #ccc;}
.honorlist .more a:hover {color: #fff;border: 1px solid #ef7f00;background: #ef7f00;}
 




/* news */
.zc-news-content {position: relative;overflow: hidden;padding: 100px 0 0 0;}
.zc-news-content .zc-content {width: 84%;margin: auto;}

.news {float: left;width: 33%;position: relative;margin:0 0.1% 1% 0.1%;overflow: hidden;}
.news a{display: block;background: #fff;overflow: hidden;border: 1px solid #ebebeb;}
.news a .zc-pic{background: #000;position: relative;overflow: hidden;background-size: cover;}
.news a .zc-pic ul {display: table;width: 100%;height: 100%;}
.news a .zc-pic ul li{display: table-cell;vertical-align: middle;}
.news a .zc-pic img {display: block;margin: auto;width: 100%;opacity: 0;}
.news a .zc-text{padding: 5%;overflow: hidden;}
.news a .zc-text h4{font-size: 18px;font-weight: normal;color:#2e2e2e;padding-bottom: 10px;}
.news a .zc-text h5{font-size: 14px;line-height: 24px; font-weight: normal;color:#2e2e2e;padding-bottom: 20px;opacity: .6;}
.news a .zc-text h6{font-size: 14px;font-weight: normal;opacity: .6;position: absolute;right: 5%;bottom:25px;font-family: Arial;}
.news a .zc-text span.more{font-size: 14px;opacity: .8;}
.news 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;}
.news a:hover {background: #ef7f00;}
.news a:hover .zc-text h4{color: #fff;}
.news a:hover .zc-text h5{color: #fff;} 
.news a:hover .zc-text h6{color: #fff;} 
.news a:hover .zc-text span.more{color: #fff;} 
.news a:hover .zc-text span.more::after {color: #fff;}

.zc-news-detail {padding: 100px 0;overflow: hidden;}
.zc-news-detail-content{overflow:hidden;width: 84%;margin: auto;}
.zc-news-left {width: 65%;float: left;overflow: hidden;}
.news-title {text-align: center;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;overflow: hidden;}
.news-title h2 {font-size: 30px;} 
.news-title li {font-size: 14px;color: #999999;padding:10px 0;} 
.zc-news-left .zc-text {padding: 30px 0;overflow: hidden;font-size: 14px;line-height: 24px;color: #666;}
.zc-news-left .zc-text img{}
.zc-page-npr {overflow: hidden;padding: 20px 0;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;position: relative;}
.zc-page-npr a{position: relative;display: block;font-size: 14px;color: #2e2e2e;}
.zc-page-npr a.prev{position: absolute;left: 0;top: 20px;}
.zc-page-npr a.next{position: absolute;right: 0;top: 20px;}
.zc-page-npr a.return{margin: auto; width: 100px;}
.zc-page-npr a:hover {color: #ef7f00;}


.zc-news-right {width: 30%;float: right;overflow: hidden;}
.zc-news-other {border: 1px solid #e5e5e5;padding: 5% 9%; overflow: hidden;margin-bottom: 30px;}
.zc-news-other h2{font-size: 20px;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;}
.zc-news-other ul{overflow: hidden;padding-bottom: 40px;}
.zc-news-other ul li{border-bottom: 1px solid #e5e5e5;padding:20px 0;overflow: hidden;}
.zc-news-other ul li a{overflow: hidden;display: block;position: relative;}
.zc-news-other ul li a .pic{float: left;width: 50%;margin-right: 5%;}
.zc-news-other ul li a .text{float: left;width:45%;}
.zc-news-other ul li a .text h3{font-size: 16px;color: #000;margin: 10px 0; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.zc-news-other ul li a .text h5{font-size: 14px;color: #999;font-weight: normal;line-height: 22px;overflow: hidden;}
.zc-news-other ul li a h4 {font-size: 16px;color: #999;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.zc-news-other ul li a h6 {font-size: 14px;color: #999;font-weight: normal;display:block;position: absolute;right: 0;top: 0;}
.zc-news-other ul li a.style1 {height: 0px;}
.zc-news-other ul li a.style2 {height: 19px;display: block;}
.zc-news-other ul li.cur a.style1 {height: 114px;display: block;}
.zc-news-other ul li.cur a.style2 {height: 0px;}

.zc-news-other ul li a:hover .text h3{color: #ef7f00;}
.zc-news-tga {border: 1px solid #e5e5e5;padding: 5% 9%; overflow: hidden;margin-bottom: 30px;}
.zc-news-tga h2{font-size: 20px;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;}
.zc-news-tga ul{overflow: hidden;padding:20px 0 20px 0;}
.zc-news-tga ul a { display: block;float: left;margin: 0 20px 10px 0;color: #999;font-size: 16px;}
.zc-news-tga ul a:hover {color: #ef7f00;}




/* contact */
.zc-contact-content {padding: 70px 0 150px 0;overflow: hidden;}
.zc-contact {width: 66%;margin: auto;overflow: hidden;}
.zc-contact-text{font-size: 16px; line-height: 30px;}
.zc-contact-text p{margin-bottom: 20px;}
.zc-contact-left {float: left;width: 30%;overflow: hidden;}
.zc-ewm {background: url("../images/ewm1.jpg") no-repeat;width: 89px;height: 91px;overflow: hidden;text-align: center;padding:13px 10px;margin-top: 50px;}
.zc-ewm img {display: inline-block;}
.zc-contact-right {float: left;width: 60%;margin-left: 10%;overflow: hidden;}
.zc-name {padding: 20px 0;overflow: hidden;}
.zc-name h4{font-size: 20px;padding-bottom: 10px;}
.zc-name h5{font-size: 12px;font-weight: normal;color: #b8b8b8; text-transform: uppercase;}
.zc-add {border-top: 1px solid #ecebec;border-bottom: 1px solid #ecebec;color: #585858; overflow: hidden;padding: 20px 0;font-size: 16px;line-height: 32px;font-family: Arial;}
.zc-add a{font-weight: bold;font-family: 'ariblk';}





/* download */
.zc-download-content {padding: 70px 0 10px 0;overflow: hidden;}
.zc-download-content .zc-content {width: 84%;margin: auto;}
.zc-download {width:100%;margin: auto;overflow: hidden;}
.zc-download-nav {margin-bottom:3%;overflow: hidden;font-size: 0;border: 1px solid #ccc;}
.zc-download-nav a {display:inline-block;width: 3.7%; font-size: 16px;color: #ccc;text-align: center;padding: 15px 0;position: relative;}
.zc-download-nav a::after {content: '';display: block;width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #ccc;z-index: 1;}
.zc-download-nav a:last-child::after {display: none;}
.zc-download-nav a:hover {background: #000;color: #fff;}
.zc-download-nav a.cur {background: #ef7f00;color: #fff;}

.zc-download-list {overflow: hidden;font-size: 0;padding:0;width: 101%;}
.download {border: 1px solid #ccc;width: 24.2%;margin-bottom: 0.5%;margin-right:0.5%; display: inline-block;text-align: center;position: relative;overflow: hidden;}
.download .mark {background: rgba(0,0,0,.5);position: absolute;width: 100%;height: 100%;z-index: 3;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;opacity: 0;}
.download .mark a {display: inline-block;position: relative;padding: 10px 40px 10px 20px;background: #fff;color: #ef7f00;font-size: 14px;margin: 1%;}
.download .mark .viewm::after{content: '\e630';}
.download .mark .downl::after{content: '\e634';}
.download .mark .viewm::after,.download .mark .downl::after{font-family: 'font_family';display:block; width: 20px;height: 20px;font-size: 16px;line-height: 30px; color: #ef7f00;position: absolute; right: 15px;top: 50%;margin-top: -15px;}
.download .mark a:hover {background: #ef7f00;color: #fff;}
.download .mark a:hover::after {color: #fff;}
.download .pic{height: 200px;}
.download .pic img{max-width: 90%;}
.download .txt{font-size: 16px;padding:0px 0 30px 0;color: #8d8d8d;}
.download:hover .mark{display: block;opacity: 1;}
.download:hover {box-shadow: 0px 0px 5.52px 2.48px rgba(56, 118, 223, 0.2);}
.download a:hover .txt{color: #ef7f00;}
.download a:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}


.zc-download-search {padding: 3%;background: #f5f5f5;}
.zc-download-search .title{font-size: 14px;font-weight:bold;padding-bottom: 20px;border-bottom: #ccc 1px solid;}	
.zc-download-search .select{padding-top: 20px;font-size: 0;width: 101%;}
.zc-download-search .select-li{width: 19%;display: inline-block;margin-right: 1%;}
.zc-download-search .select-li:last-child {margin-right: 0;}
.zc-download-search .select-li h4{padding-bottom:10px;font-size: 14px;font-weight:normal;color: #666;}
.select-input{ font-size:14px; position:relative;user-select: none;}
.select-input *{-webkit-transition:none;-moz-transition:none;transition:none;}
.select-input h5{position: relative;font-size: 12px;font-weight: normal;height:50px;line-height:50px;color: #666; display:inline-block;background:url() 95% center no-repeat #FFF ; border:#d2d2d2 1px solid;padding:0 5%;cursor:pointer;width:90%;white-space:nowrap;overflow:hidden;z-index:99;}
.select-input h5:hover,.select dt.cur{}
.select-input h5::after {content: '\e625';font-family: 'font_family';display: block;width: 15px;height: 15px;font-size: 16px;color: #999; position: absolute;right: 5%;top: 50%;margin-top:10px;-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.select-input .select-list{position:absolute;width:100%;left:0px;top:50px;border:1px solid #d2d2d2;background:#fff;display:none; z-index:99;}
.select-input .select-list ul{width:100%;height:200px;overflow:auto;}
.select-input .select-list ul li a{line-height:40px;display:block;padding:0 5%;font-size: 12px;}
.select-input .select-list ul li a:hover{background:#000; color:#fff;}

.zc-download-search-list {padding:3% 0 ;overflow: hidden;}
.zc-download-search-list ul{border-bottom: 1px solid #ebf1fc;overflow: hidden;padding: 0 2%;font-size: 0;}
.zc-download-search-list ul.title {background: #ebf1fc;}
.zc-download-search-list ul.title li {font-weight: bold;font-size: 16px;color: #333;}
.zc-download-search-list.w15 li {width: 15%;}
.zc-download-search-list li{width: 8%;display: inline-block;font-size: 14px;color: #000; padding:10px 1%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-family:Arial;}
.zc-download-search-list li:first-child {width: 17%;}
.zc-download-search-list li:last-child,.zc-download-search-list li:nth-child(4) {width: 5%;}
.zc-download-search-list ul:hover {background: #ef7f00;}
.zc-download-search-list ul.title:hover {background: #ebf1fc;} 
.zc-download-search-list ul:hover * {color: #fff;}
.zc-download-search-list ul:hover li a.dicon{background: url("../images/download2.png");}


.Product-firmware {padding:0 0 2% 0;}
.Product-firmware .dicon {width: 16px;height: 18px;background: url("../images/download1.png");display: inline-block;}
.Product-firmware li:first-child,.zc-download-search-list.liwidth40 li:first-child{width: 30%;}
.Product-firmware li:nth-child(4),.zc-download-search-list.liwidth40 li:nth-child(4) {width: 6%;}



.hid-model .select-li{width: 32.2%;}

.driver-list ul li:first-child {width: 20%;}
.driver-list ul li:nth-child(2) {width: 20%;}


.zc-title.center {left: 50%;text-align: center;width: 400px;margin-left: -200px;}
.zc-title.center line {margin: 15px auto;}
.zc-title.center h2 {position: relative;opacity: 1;font-size: 0px;}
.searchinput  {width: 100%;background: #fff;border: none;height: 40px;line-height: 40px;padding: 0 3%;outline: none;}
.searchsubmit {width:30px;background: none;border: none;height: 40px;line-height: 40px;position: absolute;right: 0;top: 0;cursor: pointer;}
.searchsubmit:hover:before {color: #000;}
.searchsubmit:before {content: '\e614';font-family: 'font_family';font-size: 17px;line-height: 30px;color: #666;display: block;}

.zc-mobile-swiper {width:100%;position: relative;margin-bottom: 15%;overflow: hidden;} 
.zc-mobile-swiper .solution{width:90%;margin:5%;}
.zc-mobile-swiper .product {width:90%;margin:5%;}
.zc-mobile-swiper .zc-product-mnav2 {margin: 5% 5% 0 5%;}