@media (min-width: 992px) and (max-width: 1199px) {


.pro-header .sliderBox { padding-top: 0px; }


}

/*产品头部*/

.pro-header {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }
.pro-header .sliderBox { width: 595px; position: relative;padding: 0px; display: inline-block; padding-top:60px;padding-bottom:40px;   }
.pro-header .sliderBox .pic-big-in {  width: 100%; margin-bottom:20px;}
.pro-header .sliderBox .picfix{width: 100%;width: 595px; }
.pic-big-in  img { vertical-align: top; max-width:100%;}
@media (max-width: 767px) {
.pro-header .sliderBox { width: 100%;  padding-top:0px;padding-bottom:0px;   }
.pro-header .sliderBox .picfix{width: 100%; }

}
@media (min-width: 768px) and (max-width: 991px) {

.pro-header .sliderBox { width:350px;  padding-top:0px;padding-bottom:40px;   }
.pro-header .sliderBox .picfix{    width: 350px; }

}
@media (min-width: 992px) and (max-width: 1199px) {
.pro-header .sliderBox { width: 500px; padding-top: 0px; }
.pro-header .sliderBox .picfix{width: 500px; }



}
.pic-small-in ul { text-align: center; list-style-type: none; padding-left: 0; }
.pic-small-in ul li.active { border-color: #d6000f; } 
.pic-small-in ul li { display: inline-block; width: 55px; border: 1px solid #ddd; vertical-align: top; transition: all .2s; }
.pic-small-in ul li:not(:last-child) { margin-right: 10px; } 
.pic-small-in ul li button { cursor: pointer; margin: 0;  background-color: transparent;display: block; width: 100%; height: auto; padding: 0; border-radius: 2px; transition: all .2s; opacity: .5; border: none; outline: none; background-color: transparent; } 
.pic-small-in ul li.active button,.pic-small-in ul li:hover button  { opacity: 1; } 
.pic-small-in ul li img { width: 100%; vertical-align: top;transition: all .2s;  }

.pro-header .Right-Text { width: 494px; padding-top:80px;}
@media (min-width: 1400px)  {.pro-header .Right-Text { width: 730px; }
}
.pro-header .Right-Text .infocell { padding: 10px 0; border-top: 1px solid #eee; }
.pro-header .Right-Text .infocell:first-child { padding-top: 0; border-top: none; }
.pro-header .Right-Text .infocell h1 {font-size: 30px; font-weight: 400; }
.pro-header .Right-Text .infocell  span{ font-weight:bold;padding-top:8px;}
@media (max-width: 767px) {
.pro-header .Right-Text .infocell  span{ text-align:center; }

}
.pro-header .Right-Text .infocell .content { }
.pro-header .Right-Text .infocell .content  ul { }
.pro-header .Right-Text .infocell .content  ul li {position: relative; padding-left: 20px; margin-bottom: 10px; font-weight: 100; letter-spacing: .055em;}
.pro-header .Right-Text .infocell .content  ul li:before, .pro-header .Right-Text .infocell .content  ul li:after 
{ position: absolute; top: 0; left: 0;border-radius: 50%;box-sizing: border-box;width: 10px; height: 10px; content: " ";  border: 2px solid #e6e6e6; line-height: 0; vertical-align: middle; display: block; top: 10px; }
.pro-header .Right-Text .infocell .content  ul li:after { z-index: 1; width: 4px; height: 4px; background-color: #919191; border: 0; margin: 3px 0 0 3px; }

@media (max-width: 767px) {
.pro-header .Right-Text { width: 100%; padding:20px 0;}
.pro-header .Right-Text .infocell { padding: 10px;  }
.pro-header .Right-Text .infocell h1 {text-align:center;font-size: 16px; font-weight: 600; }
.pro-header .Right-Text .infocell .content ul li { font-size: 14px; }
.pro-header .Right-Text .infocell .content  ul li:before, .pro-header .Right-Text .infocell .content  ul li:after {  top: 7px; }

}
@media (min-width: 768px) and (max-width: 991px) {

.pro-header .Right-Text { width: 350px; padding:0px 0 30PX 0;}
.pro-header .Right-Text .infocell { padding: 10px 0;  }
.pro-header .Right-Text .infocell h1 {text-align:left;font-size: 20px; font-weight: 400; }
.pro-header .Right-Text .infocell .content ul li {   font-size: 14px; }
.pro-header .Right-Text .infocell .content  ul li:before, .pro-header .Right-Text .infocell .content  ul li:after {  top: 7px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.pro-header .Right-Text { width: 400px; padding-top:0px;}
.pro-header .Right-Text .infocell { padding: 20px 0;  }
.pro-header .Right-Text .infocell h1 { font-size: 20px; }
}




.buying-button { padding: 40px 0; border-top: 1px solid #ededed; }

@media (min-width: 768px) and (max-width: 991px) {
.buying-button { padding: 20px 0 0 0;  }
}


.buying-btn-list {  }
a.oc-btn {border-radius: 4px;margin-right: 20px;font-size: 16px;  display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; background-image: none; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color .35s ease; transition: background-color .35s ease;  }
a.oc-btn:last-child {margin-right: 0px;}
a.btn-size-master { padding:5px 25px; }
@media (max-width: 767px) {
    a.btn-size-master { padding: 3px 15px; }
}
@media (min-width: 768px) and (max-width: 991px) {
    a.btn-size-master { padding:3px 15px; }
    a.oc-btn {margin-right: 10px;font-size: 14px;  }
}
a.btn-lesser { color: #666; background-color: #f4f4f4;  }
a.btn-lesser:hover{background-color:#e3e3e3}
a.btn-master { color: #fff; background-color: #d6000f;  }
a.btn-master:hover{background-color:red;color: #fff;}
@media (max-width: 767px) {
.buying-button { padding:20px 0  0px 0;  }
.buying-btn-list { text-align:center; }
a.oc-btn {margin-right: 20px;font-size: 14px;  } 
a.btn-lesser { color: #666; background-color: #e2e2e2; }  
}



.common-nav{width:100%;z-index:15; background-color: #f2f2f2;}
.common-nav.fixed{width:100%;position:fixed;left:0px;z-index:99;top:0px;position: fixed!important;/*opacity: .9;border-bottom: 1px solid #dcdcdc;*/}
.common-nav ul{display:block;padding:0;margin:0;text-align:left;     }
.common-nav ul li{display:inline-block;padding:0;margin:0}
.common-nav ul li.line{width:1px;height:24px;background-color:rgba(0,0,0,.05);vertical-align:middle}
.common-nav ul li a{display:inline-block;vertical-align:middle;padding:30px 40px;font-size:16px;margin-left:-4px;margin-right:-4px}
.common-nav ul li a.active{background:#fff;text-decoration:none;}

@media (min-width: 768px) and (max-width: 991px) {
.common-nav ul{text-align:center;     }
.common-nav ul li a{padding:10px 40px;font-size:14px;}

}
@media (min-width: 992px) and (max-width: 1199px) {
.common-nav ul li a{padding:20px 40px;}
}




.pro_section{padding:60px 0;}
.pro_section.pro_para{padding-top:20px;}
@media (max-width: 767px) {

.pro_section{padding:20px 10px;}
.pro_section.pro_para{padding:0px 0px;}

}
@media (min-width: 768px) and (max-width: 991px) {

.pro_section{padding:40px 0;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.pro_section{padding:50px 0;}
}


/*产品详情*/  

.pro_box{}
.pro_Description{padding:0;}

.pro_Description .pro_row{padding:60px 0;}
.pro_Description .pro_row:nth-child(2n){background-color:#f7f8f9;}
.pro_Description .pro_row:nth-child(2n+1){background-color:#fff;}
@media (max-width: 767px) {
.pro_Description .pro_row{padding:25px 10px;}
.pro_Description .pro_row:first-child{padding-top:0px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.pro_Description .pro_row{padding:30px 0px;}

}
.pro_Description h4{font-size:16px;font-weight:600;padding-bottom:25px;}
.pro_Description p{color:#555;}
@media (max-width: 767px) {
.pro_Description h4{font-size:14px;font-weight:600;padding-bottom:15px;line-height:22px;}

}
@media (min-width: 768px) and (max-width: 991px) {
.pro_Description h4{font-size:14px;font-weight:600;padding-bottom:5px;line-height:22px;}

}

.timecell1{background-color:#f7f8f9;}
.timecell0{background-color:#fff;}

.pro_keys ul { }
.pro_keys li {position: relative; padding-left: 20px; margin-bottom: 5px;  }
.pro_keys ul li:before, .pro_keys ul li:after { position: absolute; left: 0;border-radius:50%;width: 10px; height: 10px; content: " "; color: #000; border: 2px solid #555; line-height: 0; vertical-align: middle; display: block; top: 8px; }
.pro_keys ul li:after { z-index: 1; width: 4px; height: 4px; background-color: #000; border: 0; margin: 3px 0 0 3px; }



/*产品参数*/ 
 .table-hover>tbody>tr{transition:all 0.3s;cursor:inherit;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td 
{ padding: 10px;  border-top: 0px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;vertical-align:middle;}
.table>tbody>tr:last-child>td { border-bottom: 0px solid #f2f2f2;}
.pro_para .table>tbody>tr>th{font-weight:600;font-size:20px;text-align:left;border-bottom: #f2f2f2 0px solid; background-color: #fff;position: relative; padding-left: 20px;height:50px;line-height:50px; letter-spacing: .055em;}
.pro_para .table>tbody>tr>th:before{ position: absolute; left: 7px; border-radius: 50%; box-sizing: border-box; width: 2px;background-color:#d6000f; height: 20px; content: " "; border: 0px solid #e6e6e6; line-height: 0; vertical-align: middle; display: block; top: 50%;margin-top:-10px; }
 .table-hover>tbody>tr:hover{background-color:#fff;}
  .table-hover>tbody>tr:hover td{color:#000;}

.pro_para .table>tbody>tr>td:nth-child(n+1) { font-size: 14px;   line-height: 25px;border:none; border-bottom: #f7f8f9 1px solid; padding-left:30px;color:#555;transition: all 0.3s;}
.pro_para .table>tbody>tr>td:first-child{font-size: 14px;width: 20%;font-weight: bold;color:#555;border:none;border-right: #f7f8f9 1px solid;border-bottom: #f7f8f9 1px solid;padding-left:20px;transition: all 0.3s;}
 .table-hover>tbody:hover>tr>td:nth-child(n+1),.pro_para .table>tbody:hover>tr>td:first-child{color:#000;}
  .table-hover>tbody>tr:hover>td:nth-child(n+1),.pro_para .table>tbody>tr:hover>td:first-child{color:#d6000f;}

@media (max-width: 767px) {
    .pro_para .table>tbody>tr>th {font-size: 16px;  }
/*.table-responsive {border: 0px solid #ddd; }
.pro_section.pro_para .table-responsive {border: 0px solid #ddd; margin-bottom:0px;overflow-y:auto;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 10px 10px; line-height:20px;}
.pro_para .table>tbody>tr>th{text-align:left;display:block;border:none;background-color: #000; color: #fff;padding:12px 0;padding-left:10px;}
.pro_para .table>tbody>tr{border-bottom: #eee 1px solid;display:block;}
.pro_para .table>tbody>tr>td:nth-child(n+1) { line-height: 20px; display:inline-block;border:none;padding:10px  10px;}
.pro_para .table>tbody>tr>td:first-child{display:inline-block;font-size:12px;border:none;line-height: 20px; padding:10px 10px;width:auto; }*/
.pro_para .table>tbody>tr>td:first-child{width:auto; }
.pro_para .table-responsive>.table>tbody>tr>td,
.pro_para  .table-responsive>.table>tbody>tr>th, 
.pro_para .table-responsive>.table>tfoot>tr>td, 
.pro_para .table-responsive>.table>tfoot>tr>th, 
.pro_para .table-responsive>.table>thead>tr>td, 
.pro_para .table-responsive>.table>thead>tr>th {
    white-space:initial;
}


}

@media (min-width: 768px) and (max-width: 991px) {
      
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 15px; }
 .pro_para .table>tbody>tr>th {font-size: 16px;  }
}
@media (min-width: 992px) and (max-width: 1199px) {
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 18px; }
 .pro_para .table>tbody>tr>th {font-size: 18px;  }
}


/*组网应用*/  

.pro_network p{padding-bottom:25px;}
.pro_network img{max-width:100%;}
/*软件下载*/  
.download-list {  font-size: 12px; }
.download-list li { margin-bottom: 18px; }
.download-list li .name { color: #000; font-size:14px;}
.download-list li .date { color: #707473; }
.download-list li .btn-download { padding: 2px 8px; border: 1px solid #707473; background: #f7f8f9; color: #a6acaa; text-transform: uppercase; }
.download-list li  .desc { padding-top: 20px; font-size: 12px; color: #979797; }
@media (max-width: 767px) {
.download-list li { margin-bottom: 0px; }

}


/*免费试用*/



/*产品推荐*/
.pro_tuijian { position: relative; width: 100%; background: #f5f6f7; font-size: 16px; color: #333; font-weight: 300; padding: 60px 0 100px 0; box-sizing: border-box; }
.pro_tuijian h2 { text-align:center;font-size:16px;font-weight:600;  }
@media (max-width: 767px) {
.pro_tuijian h2 { font-size:16px;}

}
@media (min-width: 768px) and (max-width: 991px) {
.pro_tuijian h2 { font-size:16px; }
}

.pro_tuijian ul {  display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;padding-top:50px; }
.pro_tuijian ul  li{  margin-right: 1.5%; width:23.5%;float:left; background-color:#fff;}
.pro_tuijian ul li:last-child {  margin-right: 0px;  }

.pro_tuijian ul  li a { padding-bottom:35px;-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; background: #fff; display: block; transition: all .3s ;  }
.pro_tuijian ul  li a:hover { box-shadow: 0 15px 15px -10px rgba(0,0,0,.15); }
.pro_tuijian ul  li .cells { position: relative; text-align: center; box-sizing: border-box; overflow: hidden;  }
.pro_tuijian ul  li .c_pic { position: relative; }
.pro_tuijian ul  li .c_pic .c_pic_wrap { box-sizing: border-box;  padding: 20px 0;  position: relative; }
.pro_tuijian ul  li a  img { max-height: 100%; vertical-align: middle; }
.pro_tuijian ul  li h4 { font-size: 16px; ;  font-weight: 600; overflow: hidden; padding-bottom:15px;}
.pro_tuijian ul  li p { font-size: 14px; ;  font-weight: 100; overflow: hidden; padding:0px 25px 15px 25px;}

@media (max-width: 767px) {
.pro_tuijian ul  li h4 { font-size: 16px;  /*font-weight:normal;  padding:0 0 15px 0;*/}
.pro_tuijian ul  li.tjonyone{margin-right: 0%; width:100%;float:none; }

}

.pro_tuijian ul  li .btn { text-transform: uppercase; text-align: center; border-radius: 2px; padding: 0 30px; background: #fff; height: 30px; line-height: 30px; border: 1px solid #ccc; cursor: pointer;     transition: all .3s ; }
.pro_tuijian ul  li a:hover .btn.primary {  border: 1px solid #eee; } 

@media (max-width: 767px) {

.pro_tuijian { padding: 25px  0 10px 0;  }
.pro_tuijian ul { padding-top:15px; }
.pro_tuijian ul  li .c_pic .c_pic_wrap { padding: 0;padding-top:10px; }
.pro_tuijian ul  li{  margin-right: 1.5%; width:48.5%;margin-top:5px; }
.pro_tuijian ul  li a { padding-bottom:0px; }

}
@media (min-width: 768px) and (max-width: 991px) {
.pro_tuijian { padding: 50px  0;  }

}



/*产品在线客服*/
.pro_kefu { text-align: center; padding: 75px 0 100px; }
.pro_kefu h4 { text-align: center; font-size: 16px;font-weight: 600;padding-bottom:35px; }

.pro_kefu a:link,.pro_kefu a:visited {  border-radius: 15px; font-size: 60px; display:inline-block;    padding: 5px 25px; color: #d6000f;  background-color: #f7f8f9;  transition:all 0.3s;margin-right:10px;}
.pro_kefu a:last-child{  margin-right:0px;}

.pro_kefu a:hover,.pro_kefu a:active  {  background-color: #f2f2f2; color:#a6000f }
@media (max-width: 767px) {
.pro_kefu h4 { font-size: 16px;padding:0 10px 20px 10px; }
.pro_kefu { padding: 40px 0 ;}
.pro_kefu a:link,.pro_kefu a:visited{  border-radius: 5px;   padding: 5px 15px 15px 15px;margin-right:5px; }
.pro_kefu a:before{   font-size: 30px;    }
}
@media (min-width: 768px) and (max-width: 991px) {
.pro_kefu { padding: 50px 0 50px; }
.pro_kefu h4 { font-size: 16px;padding-bottom:25px; }
.pro_kefu a:link,.pro_kefu a:visited{  border-radius: 5px;   padding: 5px 15px 15px 15px;margin-right:5px; }
.pro_kefu a:before{   font-size: 30px;    }

}
.pathnav {  background: #fff;  padding:30px 0 20px 0; position: relative; }