/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

p{margin:0;}

.xypg_product_list{ min-height: unset !IMPORTANT;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}



.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}


.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}


/*头部样式*/


/*主体样式*/
.xypg_pro_optional dl  a s1{
  font-size: 0;
}

.xypg_pro_optional dl .sec_item a.case_active s1{
  -webkit-appearance: none;
  background: #00bfff url("../image/73f9c8534ce27649c8ec7b3c1fab6eb40b3f9f9f.png") no-repeat center;
  background-size: 13px 9px;
  outline: none;
  border-color:#00bfff;
  font-size: 0;
}


/*页面底部*/


/*内页左侧样式*/

.page-product-inquiry a{color: #fff;}


/* 视频专题页 */
.n-video-list{
  padding: 6vh 0;
  flex-wrap: wrap !important;
}
.n-video-list li{
  width: calc(20% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 2vh;
}
.n-video-list li .img{
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.n-video-list li .img::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
  opacity: 0;
}

.n-video-list li .img img{
  width: 100%;
  height: 325px;
}
.n-video-list li .wz{
  padding: 10px 0;  
}
.n-video-list li .wz p{
  color: #333;
  font: 400 15px/26px "Microsoft yahei";
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.n-video-list li:hover .img::before{
  opacity: 1;
}

@media (max-width: 768px) {
  .n-video-list li{
    width: calc(50% - 20px);
  }
  .n-video-list li .img img{
    height: 250px;
  }
}