.show{

  display:inline-block

}

.hide{

  display: none;

}



.container{

  background-color: #f2f2f2;

}

.product-main{

  max-width: 1200px;

  margin: auto;

}



/* 公共样式 */

.product-warp{

  padding: 58px 0 110px;

}

.product-main{

  display:block; overflow:hidden;

  justify-content: space-between;

}

.product-list-warp{

  width: 306px;

  margin-right: 38px;

  float:left;

}

.product-list-box{

  box-sizing: border-box;

  padding: 12px;

  border-radius: 5px;

  background-color: #fff;

}

.product-list-box .tit{

	display:block;

  font-size: 21px;

  padding-left: 56px;

  line-height: 50px;

  border-radius: 5px 5px 0 0;

  margin-bottom: 8px;

  color:#fff;

  background: #0b364e url('../images/f.png') 10px/20px no-repeat;

}

.product-list a{

  line-height: 56px;

  font-size: 16px;

  color:#3391cd;

  background-color: #fff;

}

.product-item{

  padding-left: 10px;

  border-bottom: 1px solid #f9f8fa;

  cursor: pointer;

  background: url('../images/p-next.png') 96%/8px no-repeat;

}

.product-item:last-child{

  border-bottom: none;

}

.product-item.on,.product-item:hover{

  background-color: #f9f8fa;

  background-image: none;

}

.product-info-box{

  flex:1;

}

.product-info-item{

  display: none;

}

.product-info-item:first-child{

  display: block;

}

.pro-info-head-list{

  display: flex;

  position: relative;

}

.pro-info-head-item{

  font-size: 20px;

  line-height: 48px;

  color:#0075c1;

  cursor: pointer;

}

.pro-info-head-list.type1 .pro-info-head-item{

  padding: 0 134px 0 56px;

  background: url('../images/t-bg.png') center/contain no-repeat;

}

.pro-info-head-list.type2 .pro-info-head-item{

  position: relative;

  z-index: 4;

  /* padding:  0 80px; */

  font-size: 16px;

  width: 33%;

  color:#666;

  text-align: center;

}

.pro-info-head-list.type2 .pro-info-head-item:hover{

  color:#0075c1;

}

.pro-info-head-list.type2 .bg{

  position: absolute;

  width: 33%;

  height: 100%;

  top: 0;

  left: 0;

  background-color: #0063A4;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.pro-info-head-list.type2 .pro-info-head-item.on{

  color:#fff;

}

.pro-info-list{

  display: flex;

  flex-wrap: wrap;

  margin-top: 40px;

}

.pro-info-item{

  position: relative;

  width: 32%;

  margin-right:  2%;

  margin-bottom: 20px;

  cursor: pointer;

  overflow: hidden;

}

.pro-info-item:nth-child(3n){

  margin-right: 0;

}

.pro-info-item .pic{

	display: block;

}

.pro-info-item .pic img{

  width: 100%;

}

.pro-info-item .pro-text{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.pro-info-item .pro-text{

  background-image: linear-gradient(-135deg, rgba(0,117,193,0.9), rgba(105,174,219,0.8));opacity:0;-webkit-opacity:0;

}

.pro-info-item .pro-text .tit{

  font-size: 14px;

  margin-bottom: 18px;

  color:#191919;

  

}

.pro-info-item .pro-text a{

  display: block;

  height: 100%;

  padding: 0 20px;

  transform: translateY(81%);

  transition: 0.3s;

}

.pro-info-item:hover .pro-text a{

  transform: translateY(20%);

}

.pro-info-item:hover .pro-text .tit{

  color:#fff;

}

.pro-info-item .pro-text .txt,.pro-info-item .pro-text .arrow-box{

  opacity: 0;

}

.pro-info-item:hover .pro-text .txt,.pro-info-item:hover .pro-text .arrow-box{

  opacity: 1;

}

.pro-info-item .pro-text .txt{

  font-size: 12px;

  line-height: 20px;

  color:#fff;

  height:80px; line-height:20px; overflow:hidden;

}

.pro-info-item .pro-text .arrow-box{

  line-height: 20px;

  margin-top: 20px;

  color:#fff;

}

.pro-info-item .pro-text .arrow-box span{

  display: inline-block;

  padding: 10px 0;

  padding-right: 40px;

  background: url('../images/r-arrow2.png') right/23px no-repeat;

}

.pro-info-item .pro-text .r-arrow{

  display: inline-block;

  width: 20px;

  height: 16px;

  background: url('../images/p-arrow.png') center/contain no-repeat;

}

.service-content-warp{

  background-color: #fff;

}

.service-content-main{

  max-width: 500px;

  text-align: center;

  padding: 80px 64px;

  margin: auto;

}

.service-content-main .txt{

  font-size: 17px;

  line-height: 30px;

  padding: 0 30px;

}

.service-content-main .icon{

  width: 48px;

  height: 48px;

  margin: 20px auto;

  background: url('../images/w-icon.png') center/contain no-repeat;

}

.service-content-main h5{

  font-size: 30px;

  vertical-align: bottom;

}

.service-content-main h5 span{

  font-size: 17px;

}

.service-content-view{

  position: relative;

}

.service-content-view .pic{

  

}

.service-content-view .pic img{

  width: 100%;

}

.service-content-view-list{

  position: absolute;

  width: 952px;

  display: flex;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  justify-content: space-between;

}

.service-content-view-item{

	text-align:center;

}

.service-content-view{ background:url(../images/p-bg.jpg) center no-repeat;}

.service-content-view-item .icon,.sdnslider .icon{

  width: 104px;

  height: 78px;

  margin: auto;

  margin-bottom: 24px;

  background: center/contain no-repeat;

}

.sdnslider .icon{ margin:0; display:inline-block;}

.sdnslider .icon1,.service-content-view-item .icon1{

  background-image: url('../images/icon1.png');

}

.sdnslider .icon2,.service-content-view-item .icon2{

  background-image: url('../images/icon2.png');

}

.sdnslider .icon3,.service-content-view-item .icon3{

  background-image: url('../images/icon3.png');

}

.sdnslider p,.service-content-view-item p{

  font-size: 30px;

  color:#fff;

}

.sdnslider p{ padding-top:20px;}

.sdntxt{ padding:160px 0; text-align:center;}

.solutions-warp{

  padding: 50px 30px;

  margin-top: 40px;

  background-color: #fff;

}

.solutions-warp .txt{

  font-size: 12px;

  color:#828282;

}

.solutions-warp .pic {

  margin: 38px 0;

  text-align:center;



}

.solutions-warp .pic img{

	max-width:100%;

}

.solutions-box{



}

.solutions-box .table{

	width:100%;



}



.solutions-box .table table{

  width: 100%;

  table-layout:fixed;

}

.solutions-box .table thead{



}

.solutions-box .table tbody{

  

}

.solutions-box .table thead th,.solutions-box .table tbody td{

 

  padding-left: 12px;

  padding-right: 12px;

  border-right: 1px solid #fff;

  padding: 5px;

  word-break: break-all;

}

.solutions-box .table thead th:last-child,.solutions-box .table tbody td:last-child{

  border-right: none;

}

.solutions-box .table tr{

}

.solutions-box .table thead th{

  background-color: #0075c1;

  color:#fff;

}

.solutions-box .table tbody td{

  

  border-top: 16px solid #fff;

  color:#555;

}

.solutions-box tbody tr:nth-child(2n-1) td{

  background-color: #dbdbdb;

}

.solutions-box tbody tr:nth-child(2n) td{

  background-color: #f1f1f1;

} 

.online a{

  width: 115px;

  height: 32px;

  line-height: 32px;

  text-align: center;

  font-size: 12px;

  display:inline-block;

  background-color: #0075c1;

  cursor: pointer;

  border-radius:2px;

  color:#fff;

}

.online{

	text-align:center;

	margin-top:30px;

  

}



.solutions-warp-txt{ display:none;}



.z8protit.type1{ padding:0;}

.z8prodesc{ color:#666666; font-size:14px; line-height:22px; text-align:justify;}

.z8prodesc p{ padding-top:20px;}

.pro-info-item .pro-text a{transform:none; top:81%; position:relative;}

.pro-info-item .pro-text{top:81%;transition:0.3s ease;-webkit-transition:0.3s ease;}

.pro-info-item .pro-text a{transition:0.3s ease;-webkit-transition:0.3s ease;-webkit-transition:0.3s ease;opacity:0;-webkit-opacity:0;}

.pro-info-item:hover .pro-text{opacity:1;-webkit-opacity:1;top:0;}

.pro-info-item:hover .pro-text a{transform:none;top:20%;opacity:1;-webkit-opacity:1;}

.pro-info-list{ margin-top:30px;}

.product-warp{ padding-bottom:60px;}

.service-content-main .txt{ font-size:16px; line-height:22px;}

.service-content-main .txt{ padding:0 15px;}

.service-content-main h5{ font-size:26px; letter-spacing:2px;}

.service-content-main{ padding-top:50px; padding-bottom:50px;}

.service-content-main .icon{ margin-top:15px; margin-bottom:15px;}

.service-content-view-item .icon, .sdnslider .icon{ height:60px;}

.product-item{ display:block; vertical-align:top;transition:0.3s ease;-webkit-transition:0.3s ease;}

.product-item:hover{ padding-left:15px;}

.sdnslider p, .service-content-view-item p{ font-size:28px;}

.solutions-warp{ padding:30px;}



.z8soltxt{ padding-bottom:30px;}

.z8soltxtr{ width:420px; font-size:14px; text-align:justify; color:#828282; line-height:24px; padding-top:35px;}

.z8soltxtl{ width:340px; border:1px solid #dddddd; box-shadow:0 2px 5px rgba(102,102,102,0.1);}

.solutions-warp1{ margin:0;}



.product-list-warp,.product-info-box{ display:block;}

.product-info-box{ float:right; width:856px;}

.product-list-warp{ float:left; width:306px; margin-right:0;}


.serc_w0423{ background:url(../images/serc_w0423.jpg) center no-repeat; color:#fff;}
.serc_w0423 .service-content-main .icon{background: url('../images/bai-icon.png') center/contain no-repeat;}


@media screen and (min-width: 1921px){

	.service-content-view{ background-size:100% auto;}
}

.pro0418m{ width:1200px; margin:0 auto;}
.pro0418{ background:#fff; padding:50px 0;}
.pro0418desc{ text-align:center; color:#666666; line-height:24px; padding:0 60px; padding-top:15px; padding-bottom:30px;}
.pro0418tx{ padding:10px; width:1300px;}
.pro0418tx i{ display:inline-block; width:90px; height:66px; position:relative;}
.pro0418tx i:before,.pro0418tx i:after{ position:absolute; content:''; left:0; top:0; width:100%; height:100%;}
.pro0418slidei1:before{ background:url(../images/gnsj1.png) center no-repeat;}
.pro0418slidei2:before{ background:url(../images/mjyf1.png) center no-repeat;}
.pro0418slidei3:before{ background:url(../images/cpzz1.png) center no-repeat;}
.pro0418slidei4:before{ background:url(../images/zlkz1.png) center no-repeat;}
.pro0418slidei5:before{ background:url(../images/ywbz1.png) center no-repeat;}

.pro0418slidei1:after{ background:url(../images/gnsj_1.png) center no-repeat;}
.pro0418slidei2:after{ background:url(../images/mjyf_1.png) center no-repeat;}
.pro0418slidei3:after{ background:url(../images/cpzz_1.png) center no-repeat;}
.pro0418slidei4:after{ background:url(../images/zlkz_1.png) center no-repeat;}
.pro0418slidei5:after{ background:url(../images/ywbz_1.png) center no-repeat;}


.pro0418tx h4{ font-size:16px; padding-top:15px; color:#333;}
.pro0418tx div{ font-size:12px; color:#999999; padding-top:15px;}
.pro0418tx .swiper-slide{width: 227.7px !important;box-shadow: 0 5px 12px rgba(0,0,0,0.05);wwbox-shadow:0 5px 12px rgba(0,0,0,0.05);-webkit-box-shadow:0 5px 12px rgba(0,0,0,0.05); padding:45px 0; height:170px; box-sizing:content-box; text-align:center;}
.pro0418tx .swiper-slide:hover{ background:#0075c1;} 
.pro0418tx .swiper-slide:hover h4{ color:#fff;}
.pro0418tx .swiper-slide,.pro0418tx h4,.pro0418tx div{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.pro0418tx .swiper-slide:hover i:before,.pro0418tx i:after{opacity:0;-webkit-opacity:0;}
.pro0418tx .swiper-slide:hover i:after{opacity:1;-webkit-opacity:1;}
.pro0418tx .swiper-slide:hover div{opacity:0.8;-webkit-opacity:0.8; color:#fff;}
.product-list dd a{ font-size:14px; color:#666666; display:block; position:relative;}
.product-list dd a:before{ position:absolute; content:''; height:16px; background:#0075c1; top:50%; margin-top:-8px; width:2px; right:0;opacity:0;-webkit-opacity:0;}
.product-list dd a:before{ transition:all 0.3s ease;}
.product-list dd{ padding-left:30px; padding-right:15px; line-height:40px;}
.product-list li{ border-bottom:1px solid #efefef;}
.product-list dl{ display:none; padding:10px 0;}
.product-list  li.on .product-item, .product-list li:hover .product-item{ background:#f9f8fa;}
.product-list .product-item{ background:none; position:relative;}
.product-list .product-item:before,.product-list .product-item:after{ position:absolute; content:''; width:18px; height:100%; position:absolute; right:10px; top:0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.product-list .product-item:before{ background:url(../images/p-next.png) center no-repeat; background-size:8px auto;}
.product-list .product-item:after{ background:url(../images/p-xianexta.png) center no-repeat;opacity:0;-webkit-opacity:0;background-size:14px auto;}
.product-list  li.on .product-item:after, .product-list li:hover .product-item:after{opacity:1;-webkit-opacity:1;}
.product-list  li.on .product-item:before, .product-list li:hover .product-item:before{opacity:0;-webkit-opacity:0;}
.product-list  li.on dl{ display:block;}
.product-list dd.on a,.product-list dd:hover a{ color:#0075c1;}
.product-list dd.on a:before,.product-list dd:hover a{opacity:1;-webkit-opacity:1;}
.product-list dd a{ line-height:36px;}
.product-item{ padding-left:15px;}
.product-list li:last-child,.product-item{ border-bottom:none;}